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 常用关键字列表集合
Dec 04 Javascript
JavaScript 组件之旅(三):用 Ant 构建组件
Oct 28 Javascript
jQuery实现数秒后自动提交form的方法
Mar 05 Javascript
纯js实现瀑布流布局及ajax动态新增数据
Apr 07 Javascript
AngularJS基础 ng-mouseenter 指令示例代码
Aug 02 Javascript
JavaScript实现翻页功能(附效果图)
Feb 16 Javascript
vue超时计算的组件实例代码
Jul 09 Javascript
在vue中使用vue-echarts-v3的实例代码
Sep 13 Javascript
vue实现动态列表点击各行换色的方法
Sep 13 Javascript
async/await优雅的错误处理方法总结
Jan 30 Javascript
详解ES6数组方法find()、findIndex()的总结
May 12 Javascript
JS实现电脑虚拟键盘打字测试
Jun 24 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
PHP如何编写易读的代码
2007/07/10 PHP
PHP判断文件是否存在、是否可读、目录是否存在的代码
2012/10/03 PHP
PHP类继承 extends使用介绍
2014/01/14 PHP
你可能不知道PHP get_meta_tags()函数
2014/05/12 PHP
IIS6.0 开启Gzip方法及PHP Gzip函数分享
2014/06/08 PHP
php中fgetcsv()函数用法实例
2014/11/28 PHP
浅析Yii2 gridview实现批量删除教程
2016/04/22 PHP
php可变长参数处理函数详解
2017/02/22 PHP
PHP实现图的邻接矩阵表示及几种简单遍历算法分析
2017/11/24 PHP
PHP+redis实现的悲观锁机制示例
2018/06/12 PHP
jquery动画2.元素坐标动画效果(创建一个图片走廊)
2012/08/24 Javascript
js完美的div拖拽实例代码
2014/01/22 Javascript
当某个文本框成为焦点时即清除文本框内容
2014/04/28 Javascript
AngularJS中$apply方法和$watch方法用法总结
2016/12/13 Javascript
使用grunt合并压缩js和css文件的方法
2017/03/02 Javascript
jquery mobile实现可折叠的导航按钮
2017/03/11 Javascript
基于angular实现三级联动的生日插件
2017/05/12 Javascript
ECMAscript 变量作用域总结概括
2017/08/18 Javascript
Bootstrap实现的表格合并单元格示例
2018/02/06 Javascript
element-ui表格列金额显示两位小数的方法
2018/08/24 Javascript
Vue异步组件处理路由组件加载状态的解决方案
2018/09/07 Javascript
python基础入门详解(文件输入/输出 内建类型 字典操作使用方法)
2013/12/08 Python
PyQt5+requests实现车票查询工具
2019/01/21 Python
Python实现二叉树前序、中序、后序及层次遍历示例代码
2019/05/18 Python
对python特殊函数 __call__()的使用详解
2019/07/02 Python
Django项目使用ckeditor详解(不使用admin)
2019/12/17 Python
Python实现鼠标自动在屏幕上随机移动功能
2020/03/14 Python
Linux安装Python3如何和系统自带的Python2并存
2020/07/23 Python
video下autoplay属性无效的解决方法(添加muted属性)
2020/05/19 HTML / CSS
德国家具、照明、家居用品网上商店:Wayfair.de
2020/02/13 全球购物
业务部主管岗位职责
2014/01/29 职场文书
公司联欢会策划方案
2014/05/19 职场文书
公司授权委托书范本
2014/09/18 职场文书
2015元旦晚会主持人开场白+结束语
2014/12/14 职场文书
会计工作检讨书
2015/02/19 职场文书
导游词之重庆钓鱼城
2019/09/19 职场文书