html的案列3——当前时间的动态显示

 

 

 

知识涉及：使用了js中的日期获得方法，日期常用格式显示方法，标签获得方法(getElementById)，使用innerHTML属性设置标签内容。

时间动态显示的核心方法：setInterval()；按照指定的周期（以毫秒计）来调用函数或计算表达式。

<html>
<head><title>怪兽不纯粹的动态时间显示</title></head>
<body>
<div id = "time">
</div>
<script type = "text/javascript">　　　　//在html中使用js代码
function get_time(){
	var date = new Date();　　　　　　//获得当前时间（年、月、日、时、分、秒）
	var real_time = date.toLocaleString();　　//将获得时间转换为时间的常用显示格式
	var div1 = document.getElementById("time");　　//通过id获得标签名字
	div1.innerHTML = real_time;　　　　　　　　　　　　//通过innerHTML属性设置标签内容

}
setInterval("get_time();","1000")
</script>
</body>
</html>

 

posted @ 2018-11-29 23:22  怪兽不纯粹  阅读(293)  评论(0)    收藏  举报