js获取当前时间并实时刷新的代码

2021-05-05
194次阅读
没有评论

<script>
    //页面加载调用
    window.onload=function(){
        //不延迟刷新,若延迟,则填写毫秒数
      setInterval("NowTime()",0);
    }
    function NowTime(){
        var myDate=new Date();
        var y = myDate.getFullYear();
        var M = myDate.getMonth()+1;     //获取当前月份(0-11,0代表1月)
        var d = myDate.getDate();        //获取当前日(1-31)
        var h = myDate.getHours();       //获取当前小时数(0-23)
        var m = myDate.getMinutes();     //获取当前分钟数(0-59)
        var s = myDate.getSeconds();     //获取当前秒数(0-59)
        
        //检查是否小于10
        M=check(M);
        d=check(d);
        h=check(h);
        m=check(m);
        s=check(s);
        var timestr = y+"-"+M+"-"+d+" "+h+":"+m+":"+s;
        document.getElementById("nowtime").innerHTML= '系统时间:' + timestr;
    }
    //时间数字小于10,则在之前加个“0”补位。
    function check(i){
        var num = (i<10)?("0"+i) : i;
        return num;
    }
</script>

之后定义一个div标签或者其他标签,只要标签的id属性值为:nowtime  即可。

演示图片:

js获取当前时间并实时刷新的代码

正文结束
居烽
版权声明:本站原创文章,由 居烽 于2021-05-05发表,共计647字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
验证码