利用定时器实现一个动态时钟

文章目录

• 前言
• 总结

---

前言

利用定时器实现一个动态时钟

---

以下是本篇文章正文内容，下面案例可供参考

一、

代码如下

	<span id="time" style="font-size: 50px;background-color: black;color: orange;"></span>
		<script type="text/javascript">
			setInterval(function() {
				var date = new Date()
				var hours = date.getHours() <!-- //获取小时 -->
				var miutes = date.getMinutes() <!-- //获取分钟 -->
				var seconds = date.getSeconds() <!-- //获取秒数 -->
				<!-- //如果大于九就不变，小于九则在前面加个零使其变成两位数 -->
				hours = hours > 9 ? hours : "0" + hours
				miutes = miutes > 9 ? miutes : "0" + miutes
				seconds = seconds > 9 ? seconds : "0" + seconds
				var a = hours + " : " + miutes + " : " + seconds
				document.getElementById("time").innerHTML = a
				<!-- //1000是刷新速度，单位毫秒，一秒等于一千毫秒 -->
			}, 1000)
		</script>

---

总结

参考