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 汉字字节判断
Aug 01 Javascript
JavaScript 序列化对象实现代码
Dec 18 Javascript
Extjs学习笔记之九 数据模型(上)
Jan 11 Javascript
jQuery元素的隐藏与显示实例
Jan 20 Javascript
jquery使用经验小结
May 20 Javascript
javascript禁止访客复制网页内容的实现代码
Aug 05 Javascript
html5 canvas 详细使用教程
Jan 20 Javascript
Vue.extend构造器的详解
Jul 17 Javascript
解读vue生成的文件目录结构及说明
Nov 27 Javascript
浅析js中mvvm模式实现的原理
Oct 06 Javascript
Node.js net模块功能及事件监听用法分析
Jan 05 Javascript
Vue开发Html5微信公众号的步骤
Apr 11 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生成压缩文件实例
2015/02/07 PHP
PHP中危险的file_put_contents函数详解
2017/11/04 PHP
在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码
2007/04/20 Javascript
超强的IE背景图片闪烁(抖动)的解决办法
2007/09/09 Javascript
javascript中attribute和property的区别详解
2014/06/05 Javascript
jQuery中parentsUntil()方法用法实例
2015/01/07 Javascript
javascript截取字符串小结
2015/04/28 Javascript
JavaScript高级程序设计(第三版)学习笔记6、7章
2016/03/11 Javascript
Jquery+ajax+JAVA(servlet)实现下拉菜单异步取值
2016/03/23 Javascript
JavaScript Ajax编程 应用篇
2016/07/02 Javascript
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
2017/09/22 jQuery
vue.js编译时给生成的文件增加版本号
2018/09/17 Javascript
在Vue项目中使用jsencrypt.js对数据进行加密传输的方法
2019/04/17 Javascript
express + jwt + postMan验证实现持久化登录
2019/06/05 Javascript
layUI实现三级导航菜单效果
2019/07/26 Javascript
vue的$http的get请求要加上params操作
2020/11/12 Javascript
了不起的11个JavaScript代码重构最佳实践小结
2021/01/11 Javascript
[01:07:22]2014 DOTA2华西杯精英邀请赛 5 24 DK VS VG加赛
2014/05/26 DOTA
Python os模块学习笔记
2015/06/21 Python
Python实现简单求解给定整数的质因数算法示例
2018/03/25 Python
python实现烟花小程序
2019/01/30 Python
如何用Python破解wifi密码过程详解
2019/07/12 Python
Windows系统Python直接调用C++ DLL的方法
2019/08/01 Python
Python中如何添加自定义模块
2020/06/09 Python
从python读取sql的实例方法
2020/07/21 Python
Python实现简单猜数字游戏
2021/02/03 Python
会计专业毕业生求职信分享
2014/01/03 职场文书
同学聚会欢迎辞
2014/01/14 职场文书
小学教师办公室制度
2014/02/03 职场文书
函授本科个人自我鉴定
2014/03/25 职场文书
公司廉洁自律承诺书
2014/03/27 职场文书
大学生就业自我推荐信
2014/05/10 职场文书
先进工作者推荐材料
2014/12/23 职场文书
2015年客服工作总结范文
2015/04/02 职场文书
教师研修随笔感言
2015/11/18 职场文书
让文件路径提取变得更简单的Python Path库
2021/05/27 Python