js实现动态显示时间效果

网络编程 2021-07-04 19:20www.168986.cn编程入门

本文主要介绍了js实现动态显示时间效果的实例，具有很好的参考价值。狼蚁网站SEO优化跟着长沙网络推广一起来看下吧

话不多说，请看代码：

<!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>

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持狼蚁SEO！

上一篇：Vue.js 2.0 移动端拍照压缩图片上传预览功能下一篇：jQuery实现上升、下降、删除、添加一行代码

js实现动态显示时间效果

狼蚁网络搜索

狼蚁网络导航

长沙seo优化

长沙网络营销

长沙网站建设

js实现动态显示时间效果

编程语言

狼蚁网络搜索

狼蚁网络导航

长沙seo优化

长沙网络营销

长沙网站建设