jquery 简单的计时器
  tioZNIEOTNwl 2023年11月02日 19 0



简单的计时器 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>


【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
  f18CFixvrKz8   2024年05月20日   93   0   0 JavaScript
  fxrR9b8fJ5Wh   2024年05月17日   53   0   0 JavaScript
  2xk0JyO908yA   2024年04月28日   41   0   0 JavaScript
tioZNIEOTNwl