JavaScript之计时器setInterval()

最新推荐文章于 2022-11-14 15:24:00 发布

AlexYBB

最新推荐文章于 2022-11-14 15:24:00 发布

阅读量1.6k

点赞数

分类专栏： JavaScript学习

本文链接：https://blog.csdn.net/beibei0921/article/details/48196747

版权

JavaScript学习专栏收录该内容

14 篇文章 0 订阅

订阅专栏

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

语法:

setInterval(代码,交互时间);

参数说明：

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

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

返回值:

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

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

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

任务：我们设置一个计时器，每隔1000毫秒调用clock()函数，并将时间显示出来

<!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();          
    attime= time.getHours() +":"+ time.getMinutes()+":"+time.getSeconds();
    document.getElementById("clock").value = attime;
  }
   setInterval(clock,1000);
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50"  />
</form>
</body>
</html>