Js动态显示时间

1:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>显示时间</title>
 <script language=Javascript> 
  function time(){
    //获得显示时间的div
    t_div = document.getElementById('showtime');
   var now=new Date()
    //替换div内容 
   t_div.innerHTML = "现在是"+now.getFullYear()
    +"年"+(now.getMonth()+1)+"月"+now.getDate()
    +"日"+now.getHours()+"时"+now.getMinutes()
    +"分"+now.getSeconds()+"秒";
    //等待一秒钟后调用time方法,由于settimeout在time方法内,所以可以无限调用
   setTimeout(time,1000);
  }
</script>
</head>

<body  onload="time()">
<div id="showtime"></div>
<p></p>
</body>
</html>

2:

<script> 

var t = null;
t = setTimeout(time,1000);
function time(){
clearTimeout(t);
dt = new Date();
var y = dt.getFullYear();
var mo = dt.getMonth()+1;
var d = dt.getDate();
var h = dt.getHours();
var m = dt.getMinutes();
var s = dt.getSeconds();
document.getElementById("timeShow").innerHTML= y + "年" + mo + "月" + d + "日" + h + "时" + m + "分" + s + "秒";
t = setTimeout(time,1000);
}

</script>

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

相关阅读更多精彩内容

友情链接更多精彩内容