用js在网页上显示一个钟表

用js在网页上显示一个钟表:

方法1:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function startTime(){
    var today=new Date();
    var h=today.getHours();
    var m=today.getMinutes();
    var s=today.getSeconds();// 在小于10的数字钱前加一个‘0’
    m=checkTime(m);
    s=checkTime(s);
    document.getElementById('txt').innerHTML=h+":"+m+":"+s;
    t=setTimeout(function(){startTime()},500);
}
function checkTime(i){
    if (i<10){
        i="0" + i;
    }
    return i;
}
</script>
</head>
<body onload="startTime()">
    
<div id="txt"></div>
    
</body>
</html>

方法2:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p>在页面显示一个时钟</p>
<p id="demo"></p>
<script>
var myVar=setInterval(function(){myTimer()},1000);
function myTimer(){
    var d=new Date();
    var t=d.toLocaleTimeString();
    document.getElementById("demo").innerHTML=t;
}
</script>

</body>
</html>

文章来自:http://www.runoob.com/js/js-obj-date.html
http://www.runoob.com/js/js-timing.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前端知识体系http://www.cnblogs.com/sb19871023/p/3894452.html 前端...
    秋风喵阅读 14,310评论 7 163
  • 作为一个前端程序猿,下面这些站会让你眼前一亮。 amazeui框架组建丰富 http://amazeui.org...
    欧巴冰冰阅读 12,873评论 18 303
  • 曾几何时,当一名记者,也是我的梦想,幻想能横眉冷对千夫指,以妙笔生花为荣,以追索真相为本…… 这是我在2013...
    不喜欢孤独君阅读 4,620评论 17 22
  • 没有计划的日子真的很难过。 高耗低能 一团糟 乱麻 慌 开学季,慌乱时。 自我改变还是被他人改变? 肯定是自己呀。...
    天随心阅读 1,778评论 0 0
  • 作者/胄宁 我们愿意为等待付出多少时间呢? 一年?两年? 一辈子太远, 我们都在成长。 品一盏香茗, 念一阵旧友。...
    胄宁阅读 2,047评论 2 2

友情链接更多精彩内容