jquery 简单的计时器

最新推荐文章于 2023-04-12 20:41:30 发布

晨埃LUO定

最新推荐文章于 2023-04-12 20:41:30 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery HTML 文章标签： jQuery HTML

本文链接：https://blog.youkuaiyun.com/qq_41417172/article/details/89203216

jQuery 同时被 2 个专栏收录

3 篇文章

订阅专栏

HTML

3 篇文章

订阅专栏

本文介绍了一个简单的实时计时器实现方法，利用jQuery和setInterval()函数，每秒更新显示当前的时分秒。通过直接运行提供的HTML和JavaScript代码，可以快速创建一个动态显示时间的网页。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简单的计时器 jQuery

- 只显示当前的时分秒，以下代码直接运行即可

只显示当前的时分秒，以下代码直接运行即可

关键起作用的就是这个函数 setInterval()，第二个参数1000代码1000毫秒，也就是1秒，调用一下函数 f(),
id为timer里面的内容就被替换为最新的时间

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script type="text/javascript" src="http://www.jq22.com/jquery/jquery-2.1.1.js"></script>
</head>
<body>
<div id="timer"><div>
<script type="text/javascript">
			function f() {
			  var date = new Date();
			  
			  var h = date.getHours();
			  var m = date.getMinutes();
			  var s = date.getSeconds();
			  var str = h + ':' + m + ':' + s;
			  $('#timer').text(str);
			}
		
			setInterval(f, 1000);	
</script>
</body>
</html>