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 相关文章推荐
js 居中漂浮广告
Mar 21 Javascript
非阻塞动态加载javascript广告实现代码
Nov 17 Javascript
教你用AngularJS框架一行JS代码实现控件验证效果
Jun 23 Javascript
js字符串操作方法实例分析
May 06 Javascript
快速学习jQuery插件 Cookie插件使用方法
Dec 01 Javascript
JS中showModalDialog关闭子窗口刷新主窗口用法详解
Mar 25 Javascript
用vue2.0实现点击选中active其他选项互斥的效果
Apr 12 Javascript
详解vue中使用vue-quill-editor富文本小结(图片上传)
Apr 24 Javascript
微信小程序单选radio及多选checkbox按钮用法示例
Apr 30 Javascript
js实现无缝轮播图特效
May 09 Javascript
vue移动端写的拖拽功能示例代码
Sep 09 Javascript
js实现类选择器和name属性选择器的示例步骤
Feb 07 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数据类型之整数类型、浮点数的介绍
2013/04/28 PHP
基于php设计模式中工厂模式详细介绍
2013/05/15 PHP
PHP多线程批量采集下载美女图片的实现代码(续)
2013/06/03 PHP
PHP常用的缓存技术汇总
2014/05/05 PHP
php中filter_input函数用法分析
2014/11/15 PHP
PHP过滤黑名单关键字的方法
2014/12/01 PHP
PHP与以太坊交互详解
2018/08/24 PHP
Nigma vs Alliance BO5 第五场2.14
2021/03/10 DOTA
让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
2009/08/04 Javascript
js获取select选中的option的text示例代码
2013/12/19 Javascript
javascript复制粘贴与clipboardData的使用
2014/10/16 Javascript
iScroll中事件点击触发两次解决方案
2015/03/11 Javascript
js获取微信版本号的方法
2015/05/12 Javascript
JavaScript判断表单为空及获取焦点的方法
2016/02/12 Javascript
jQuery实现链接的title快速出现的方法
2017/02/20 Javascript
详解AngularJS之$window窗口对象
2018/01/17 Javascript
vue 点击按钮增加一行的方法
2018/09/07 Javascript
laydate时间日历插件使用方法详解
2018/11/14 Javascript
vue中过滤器filter的讲解
2019/01/21 Javascript
JS实现查找数组中对象的属性值是否存在示例
2019/05/24 Javascript
python使用urllib2提交http post请求的方法
2015/05/26 Python
Python的Django框架中if标签的相关使用
2015/07/15 Python
python递归查询菜单并转换成json实例
2017/03/27 Python
详解Python函数式编程—高阶函数
2019/03/29 Python
python读取大文件越来越慢的原因与解决
2019/08/08 Python
新手入门学习python Numpy基础操作
2020/03/02 Python
关于matplotlib-legend 位置属性 loc 使用说明
2020/05/16 Python
python读取hdfs上的parquet文件方式
2020/06/06 Python
python 深度学习中的4种激活函数
2020/09/18 Python
中国旅游网站:同程旅游
2016/09/11 全球购物
债务追讨授权委托书范本
2014/10/16 职场文书
医院合作意向书范本
2015/05/08 职场文书
2016年师德学习心得体会
2016/01/12 职场文书
《小摄影师》教学反思
2016/02/18 职场文书
.Net Core导入千万级数据至Mysql的步骤
2021/05/24 MySQL
使用pd.merge表连接出现多余行的问题解决
2022/06/16 Python