JS Window对象计时器setInterval() 在执行时,从载入页面后每隔指定的时间执行代码。...

最新推荐文章于 2021-09-20 06:20:46 发布

weixin_30407613

最新推荐文章于 2021-09-20 06:20:46 发布

阅读量294

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yongbin668/p/5592740.html

版权

计时器setInterval()

在执行时,从载入页面后每隔指定的时间执行代码。

语法:

setInterval(代码,交互时间);

参数说明：

1. 代码：要调用的函数或要执行的代码串。

2. 交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。

返回值:

一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。

调用函数格式(假设有一个clock()函数):

setInterval("clock()",1000)
或
setInterval(clock,1000)

我们设置一个计时器，每隔100毫秒调用clock()函数，并将时间显示出来，代码如下:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
  var int=setInterval(clock, 100)
  function clock(){
    var time=new Date();
    document.getElementById("clock").value = time;
  }
</script>
</head>
<body>
  <form>
    <input type="text" id="clock" size="50"  />
  </form>
</body>
</html>

任务

补充右边编辑器第10行，获取时间，格式"时:分:秒"，并赋值给attime。

补充右边编辑器第13行，使用setInterval()计时器来显示动态时间。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>定时器</title>
<script type="text/javascript">
var attime;
function clock(){
	var time = new Date();
	var hour = time.getHours();
	if(hour<10)
	{
		hour = "0"+hour;
	}
	var minu = time.getMinutes();
	if(minu<10)
	{
		minu = "0"+minu;
	}
	var sec = time.getSeconds();
	if(sec<10)
	{
		sec = "0"+sec;
	}
	attime = hour+":"+minu+":"+sec;
	document.getElementById("clock").value = attime;
}
attime = setInterval(clock,1000);
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50"  />
</form>
</body>
</html>

转载于:https://www.cnblogs.com/yongbin668/p/5592740.html

weixin_30407613

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS Window对象计时器setInterval() 在执行时,从载入页面后每隔指定的时间执行代码。...

计时器setInterval()在执行时,从载入页面后每隔指定的时间执行代码。语法:setInterval(代码,交互时间);参数说明：1. 代码：要调用的函数或要执行的代码串。2. 交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。返回值:一个可以传递给 clearInterval(...
复制链接

扫一扫