HTML+JS实现动态设置标签内容之显示时间
代码
该代码可在我的GitHub中找到，链接在此
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>动态设置标签内容</title>
</head>
<body>
<span id="clock"></span>
<script>
var int = self.setInterval("clock()", 50);
function clock()
{
var t = new Date();
document.getElementById("clock").innerText = t;
}
</script>
<button onclick="int=window.clearInterval(int)">Stop interval</button>
</body>
</html>
关键代码解释
setInterval()
setInterval()的定义和用法
setInterval()方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。
setInterval()方法会不停地调用函数，直到clearInterval()被调用或窗口被关闭。由setInterval()返回的ID值可用作clearInterval()方法的参数。
Date 对象
Date 对象用于处理日期和时间。
结果展示
时间每50毫秒会自动更新一次
点击Stop interval，页面将不再变化
