制作时钟特效

版权声明:原创内容是本人学习总结,仅限学习使用,禁止用于其他用途。如有错误和不足,欢迎评论指正补充。 https://blog.csdn.net/qian_qian_123/article/details/83277271

在网页上显示当前时间 

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>显示动态时钟</title>
		<script type="text/javascript">
			var time;

			function clock() {
				var date = new Date();
				var s = date.getFullYear() + "年" +
					(date.getMonth() + 1) + "月" +
					date.getDate() + "日" +"星期"+date.getDay()+"<br/>"+
					date.getHours() + ":" +
					date.getMinutes() + ":" +
					date.getSeconds();
				document.getElementById("clockContent").innerHTML = s;
			}

			function clockGo() {
				time = setInterval("clock()", 1000);
			}

			function clockStop() {
				clearInterval(time);
			}
		</script>

	</head>

	<body>
		<input type="button" value="时钟开始" onclick="clockGo()" /><br />
		<input type="button" value="时钟暂停" onclick="clockStop()" /><br />
		<span id="clockContent">s时钟在此显示</span>
	</body>

</html>

猜你喜欢

转载自blog.csdn.net/qian_qian_123/article/details/83277271