JavaScript 动态显示时间 案例

页面描述

在网页中显示实时的时间。
在这里插入图片描述

分析

  • 得到当前的时间。
    var date = new Date().toLocaleString();
    
  • 需要页面每一秒来获取一次时间。
    setInterval() 方法 定时器
  • 显示到页面上。每一秒向div中写入一次时间。
    使用innerHTML属性。

代码

<div id="divid">div>
<script type="text/javascript">
	window.setInterval("showtime()",10);
	function showtime(){
		var date = new  Date().toLocaleString();
		var divobj = document.getElementById("divid");
		divobj.innerHTML=date;
	}
script>

你可能感兴趣的:(JavaScript)