js显示动态时间

实现思路就是获取当前时间的年月日时分秒，然后用setInterval()进行每秒钟执行一次，这样就更新了显示的时间，从而看起来就是动态的，因为时间一直在变化。

<!DOCTYPE HTML> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>时间显示器</title>  
</head> 
<body>
    <script type="text/javascript"> 
        var nowTime ;
        function play(){
        var time = new Date();
        nowTime = time.getFullYear()+"年"+time.getMonth()+"月"+time.getDate()+"日"+time.getHours()+"时"+time.getMinutes()+"分"+time.getSeconds()+"秒";
        document.getElementById("d").innerHTML = nowTime;
        }
        setInterval(play,1000);//每一秒执行一次
    </script> 
当前时间:<span id="d"></span>   
</body> 
</html>
posted @ 2020-05-16 10:02  jason小蜗牛  阅读(1142)  评论(0)  编辑  收藏  举报