分享一个用setTimeout语法实现的JS时钟

最新推荐文章于 2023-01-18 01:07:27 发布

leen1993

最新推荐文章于 2023-01-18 01:07:27 发布

阅读量990

点赞数

分类专栏： js 文章标签： JavaScript

本文链接：https://blog.csdn.net/leen_1993/article/details/81133715

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

这个例子的使用setTimeout这个定时器函数，并结合日期对象即可做出时钟的效果。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>当前时间</title>
</head>
<body>
<div id="time" style="text-align:center;font-size:30px;"></div>


<script type="text/javascript">
	function showTime(){
	    var time=new Date();
		var hour=time.getHours();
		var minutes=time.getMinutes();
		var second=time.getSeconds();
		hour<10?hour='0'+hour:hour;
		minutes<10?minutes='0'+minutes:minutes;
		second<10?second='0'+second:second;
		var now_time=hour+':'+minutes+':'+second;
		document.getElementById('time').innerHTML=now_time;
		setTimeout("showTime();",1000); //动态调取时间
	}
	showTime();
</script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

leen1993

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享一个用setTimeout语法实现的JS时钟

这个例子的使用setTimeout这个定时器函数，并结合日期对象即可做出时钟的效果。 &lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;title&gt;当前时间&lt;/title&gt;&lt;/head&gt;&lt;body&gt;
复制链接

扫一扫