今天完成一个案例,就是如何使用JavaScript在页面上动态显示时间。下面代码附上:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>DynamicTime</title>
</head>
<body>
<div id="time">
</div>
<input type="button" value="stop" onclick="stop();"/>//写这个按钮主要母的是用于测试。
<script type="text/javascript">
var add=setInterval("getTime()",1000);
//stop()这个函数主要是清除设置的定时器
function stop() {
clearInterval(add);
}
//这个函数主要是获取时间然后写入div中
function getTime() {
var date=new Date().toLocaleString();//创建date对象,获取时间
var id1=document.getElementById("time");//通过div标签的id多去div标签
id1.innerHTML=date;//将时间通过innerHTML属性写入div标签中
}
</script>
</body>
</html>
个人认为代码里的注释已经解释的很清楚了,如果还有什么问题可以下方评论,如果代码有什么问题,也可以评论。