本文实例讲述了JS实现HTML页面中动态显示当前时间。分享给大家供大家参考,具体如下:
& lt; !doctype html>
& lt; html>
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title> www.jb51.net JS动态显示时间& lt;/title>
& lt; script>
var计时器=零;
函数displayClock (num) {//num是传入的startClock中的动态值
如果(num<10) {
返回“0”+ num;
}
其他{
返回num;
}
}//停止计时
函数stopClock () {
clearTimeout(计时器);
}//开始计时
函数startClock () {
var时间=new日期();
var小时=displayClock (time.getHours ()) +“:”;
var分钟=displayClock (time.getMinutes ()) +“:”;
var秒=displayClock (time.getSeconds ());//显示时间
show.innerHTML=时间+分钟+秒;//在id为显示的块区域显示
计时器=setTimeout (“startClock()”, 1000年);//延时器
}
& lt;/script>
& lt;/head>
& lt; style>
#显示{
字体大小:24 px;
颜色:# 4213制备过程;
text-align:中心;
}
& lt;/style>
& lt; body>
& lt; div id="显示"祝辞& lt;/div>
& lt;/body>
& lt;/html>
之前
使用:http://tools.jb51.net/code/HtmlJsRun,测试运行效果如下:
http://tools.jb51.net/jisuanqi/date_jisuanqi
http://tools.jb51.net/jisuanqi/datecalc
http://tools.jb51.net/jisuanqi/onlinedatejsq
http://tools.jb51.net/code/unixtime
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript时间与日期操作技巧总结》,《JavaScript查找算法技巧总结》,《JavaScript错误与调试技巧总结》,《JavaScript数据结构与算法技巧总结》,《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
