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

更新时间：2020年03月25日 11:07:56 投稿：lijiao

这篇文章主要为大家详细介绍了js实现简单秒表走动的时钟特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

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

运行效果图如下：

实现代码：

<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时钟特效专题

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

js
时钟

使用JavaScript实现轮播图特效
这篇文章主要为大家详细介绍了使用JavaScript实现轮播图特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-09-09
浅谈Webpack自动化构建实践指南
本篇文章主要介绍了Webpack自动化构建实践指南，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-12-12
读取input:file的路径并显示本地图片的方法
input:file是一个文件上传控件，如何读取input:file的路径并显示图片，具体实现如下，需要注意的是在IE8中由于IE8自作聪明的将真实路径隐藏起来
2013-09-09
JS闭包用法实例分析
这篇文章主要介绍了JS闭包用法,结合具体实例形式分析了javascript闭包的原理、执行步骤与相关操作技巧,需要的朋友可以参考下
2017-03-03
微信小程序实现客服功能(客服消息)的全过程
在最近做的微信小程序中需要实现一个自带的客服功能,下面这篇文章主要给大家介绍了关于微信小程序实现客服功能(客服消息)的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-12-12
JavaScript通过RegExp实现客户端验证处理程序
通过RegExp实现客户端验：让文本框只允许输入数字、文本框只允许输入中文、邮箱输入格式的判断等等，具体实现如下，感兴趣的朋友可以参考下哈
2013-05-05
JavaScript talbe表中指定位置插入一行的实现代码脚本之家修正版
用js实现的在table中指定的位置插入一行，先点一下表中你想插入的位置，点击即可。
2009-06-06
js css实现垂直方向自适应的三角提示菜单
这篇文章主要为大家详细介绍了js css实现垂直方向自适应的三角提示菜单的相关资料,需要的朋友可以参考下
2016-06-06
es6和commonJs的区别解析
这篇文章主要介绍了es6和commonJs的区别,ES6的模块化规范更加先进、灵活，能够适应更多的应用场景，而CommonJS则更加简单、易用，广泛应用于Node.js开发中，在实际应用中，可以根据具体情况选择使用不同的模块化方案，需要的朋友可以参考下
2023-03-03
如何在CocosCreator中利用常驻节点做图层管理
这篇文章主要介绍了如何在CocosCreator中利用常驻节点做图层管理，这些技巧非常实用，希望同学们看完，回去可以试一下
2021-04-04