章节
问答
课签
笔记
评论
占位
占位

计时器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()计时器来显示动态时间。

 

?不会了怎么办

attime=time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();

setInterval(clock,100)

||
1
2
<!DOCTYPE HTML>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最新回答 / weixin_慕工程9371697
交互时间以毫秒计,改成1000ms=1s就能读取了

已采纳回答 / 慕用342670
document.getElementById("clock") 是指获取ID为clock的DOM元素,就是题中代码的<input>value属性就是<input>的内容,然后将attime赋值给它,就可以显示了

最新回答 / Dr_麦
因为你写最小时间单位是秒,所以无法记录小于1秒的变化

最赞回答 / QuKin
如果只有这一点代码是不能完成的,如果你只是输出时间还是可以的,但是不能自动刷新时间

最新回答 / 成事不足先生
woc,这个输出的这个时间,还会动也

最新回答 / kenscut
<script type="text/javascript">  var attime;  function clock(){    var time=new Date();    var myarr=time.split(" ");    attime=myarr[4];    document.getElementById("clock").value = attime;  }  setInterval(clock,1000);</script>

最新回答 / 慕运维7394054
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title></head><body>    <div id="demo">...

最新回答 / 晓之蛇
你可以去掉冒号直接输出尝试一下,比如现在10点03分40秒,去掉冒号输出应该为三个数字之和53

已采纳回答 / 晓之蛇
value是获取表单里面value的值,div标签不是表单,这里可用innerHTML<...code...>其他:样式宽度widht应该为width
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言