当前位置:主页 > 网页前端 > JavaScript代码 >

js实现动态显示时间效果

时间:2020-10-29 11:15:58 | 栏目:JavaScript代码 | 点击:

话不多说,请看代码:

<!DOCTYPE HTML> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>时间显示器</title>  
</head> 
<body>
    <div id="d"></div> 
    <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>     
</body> 
</html>

您可能感兴趣的文章:

相关文章