JavaScript 在页面上显示数字时钟

最新推荐文章于 2024-07-12 16:27:40 发布

weixin_30306905

最新推荐文章于 2024-07-12 16:27:40 发布

阅读量263

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/eric-qin/p/4056136.html

版权

显示一个钟表

拓展JavaScript计时：http://www.w3school.com.cn/js/js_timing.asp

setTimeout() 方法会返回某个值。在下面的语句中，值被储存在名为 t 的变量中。假如你希望取消这个 setTimeout()，你可以使用这个变量名来指定它。

setTimeout() 的第一个参数是含有 JavaScript 语句的字符串。这个语句可能诸如 "alert('5 seconds!')"，或者对函数的调用，诸如 alertMsg()"。

第二个参数指示从当前起多少毫秒后执行第一个参数。

提示：1000 毫秒等于一秒。

<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 οnlοad="startTime()">
<div id="txt"></div>
</body>
</html>

转载于:https://www.cnblogs.com/eric-qin/p/4056136.html

weixin_30306905

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 在页面上显示数字时钟

显示一个钟表拓展JavaScript计时：http://www.w3school.com.cn/js/js_timing.aspsetTimeout() 方法会返回某个值。在下面的语句中，值被储存在名为 t 的变量中。假如你希望取消这个 setTimeout()，你可以使用这个变量名来指定它。setTimeout() 的第一个参数是含有 JavaScript 语句的字符串。这个语句可能...
复制链接

扫一扫