js实现简单秒表走动的时钟特效


Posted in Javascript onMarch 25, 2020

本文实例介绍了javascript实现简单的秒表走动的时钟特效,分享给大家供大家参考,具体如下:

运行效果图如下:

js实现简单秒表走动的时钟特效

实现代码:

<html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}

function checkTime(i)
{
if (i<10) 
 {i="0" + i}
 return i
}
</script>
</head>

<body onload="startTime()">
<div id="txt"></div>
</body>
</html>

更多JavaScript时钟特效点击查看:JavaScript时钟特效专题

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript 错误处理的几种方法
Jun 13 Javascript
Javascript基础 函数“重载” 详细介绍
Oct 25 Javascript
5分钟理解JavaScript中this用法分享
Nov 09 Javascript
jquery实现简单实用的弹出层效果代码
Oct 15 Javascript
JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)
Dec 13 Javascript
学习Angular中作用域需要注意的坑
Aug 17 Javascript
详解Vue.js 2.0 如何使用axios
Apr 21 Javascript
详解vue组件通信的三种方式
Jun 30 Javascript
js循环map 获取所有的key和value的实现代码(json)
May 09 Javascript
vue 中动态绑定class 和 style的方法代码详解
Jun 01 Javascript
vue 自定义右键样式的实例代码
Nov 06 Javascript
微信小程序实现树莓派(raspberry pi)小车控制
Feb 12 Javascript
javascript实现鼠标放上后下边对应内容变换的效果
Aug 06 #Javascript
JS实现跟随鼠标的链接文字提示框效果
Aug 06 #Javascript
jquery实现仿新浪微博评论滚动效果
Aug 06 #Javascript
JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解
Aug 06 #Javascript
jquery实现点击查看更多内容控制段落文字展开折叠效果
Aug 06 #Javascript
JavaScript淡入淡出渐变简单实例
Aug 06 #Javascript
jQuery实现类似老虎机滚动抽奖效果
Aug 06 #Javascript
You might like
wordpress自定义url参数实现路由功能的代码示例
2013/11/28 PHP
php判断对象是派生自哪个类的方法
2015/06/20 PHP
Javascript 通过json自动生成Dom的代码
2010/04/01 Javascript
屏蔽F1~F12的快捷键的js函数
2010/05/06 Javascript
SlideView 图片滑动(扩展/收缩)展示效果
2010/08/01 Javascript
jQuery EasyUI API 中文文档 搜索框
2011/09/29 Javascript
Jquery通过Ajax访问XML数据的小例子
2013/11/18 Javascript
AngularJS页面访问时出现页面闪烁问题的解决
2016/03/06 Javascript
JavaScript几种数组去掉重复值的方法推荐
2016/04/12 Javascript
BootStrap的select2既可以查询又可以输入的实现代码
2017/02/17 Javascript
微信小程序实现登录页云层漂浮的动画效果
2017/05/05 Javascript
vue :src 文件路径错误问题的解决方法
2018/05/15 Javascript
vue和webpack打包项目相对路径修改的方法
2018/06/15 Javascript
JS常见构造模式实例对比分析
2018/08/27 Javascript
详解vuex commit保存数据技巧
2018/12/25 Javascript
angular 实现下拉列表组件的示例代码
2019/03/09 Javascript
[16:19]教你分分钟做大人——风暴之灵
2015/03/11 DOTA
[41:08]TNC vs VG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python正则表达式匹配中文用法示例
2017/01/17 Python
详解python里使用正则表达式的分组命名方式
2017/10/24 Python
python探索之BaseHTTPServer-实现Web服务器介绍
2017/10/28 Python
Linux下python3.6.1环境配置教程
2018/09/26 Python
Django Rest framework三种分页方式详解
2019/07/26 Python
Django rstful登陆认证并检查session是否过期代码实例
2019/08/13 Python
如何在keras中添加自己的优化器(如adam等)
2020/06/19 Python
Math.round(11.5)等於多少? Math.round(-11.5)等於多少?
2015/01/27 面试题
会计师事务所审计实习自我鉴定
2013/09/20 职场文书
青年文明号服务承诺
2014/03/31 职场文书
企业管理标语
2014/06/10 职场文书
品质口号大全
2014/06/17 职场文书
推普周国旗下讲话稿
2014/09/21 职场文书
商务考察邀请函模板
2015/02/02 职场文书
简单的辞职信范文(2016最新版)
2015/05/12 职场文书
《作风建设永远在路上》心得体会
2016/01/21 职场文书
假期读书倡议书3篇
2019/08/19 职场文书
vite+vue3.0+ts+element-plus快速搭建项目的实现
2021/06/24 Vue.js