JS之网页上制作钟表

最新推荐文章于 2021-08-06 20:22:49 发布

Xiao_Tommy

最新推荐文章于 2021-08-06 20:22:49 发布

阅读量1.1k

点赞数 2

分类专栏： IT--前端文章标签： JS基础

本文链接：https://blog.csdn.net/xiao_tommy/article/details/53184330

版权

IT--前端专栏收录该内容

18 篇文章 0 订阅

订阅专栏

利用JS的最基础功能，在网页上制作一个钟表。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>钟表</title>
<script>
function startTime(){
	var today=new Date();
	var h=today.getHours();
	var m=today.getMinutes();
	var s=today.getSeconds();// 在小于10的数字钱前加一个‘0’
	m=checkTime(m);
	s=checkTime(s);
	document.getElementById('txt').innerHTML=h+":"+m+":"+s;
	t=setTimeout(function(){startTime()},500);
}
// function time(){
// 	setInterval('startTime()',500);
// 	} 
	//或者在方法外使用setInterval
function checkTime(i){
	if (i<10){
		i="0" + i;
	}
	return i;
}
</script>
</head>
<body οnlοad="startTime()">
<!-- <body οnlοad="time()"> -->
	
<div id="txt"></div>
	
</body>
</html>