js定时器的简单使用

最新推荐文章于 2024-03-29 16:23:23 发布

梦想小白菜

最新推荐文章于 2024-03-29 16:23:23 发布

阅读量681

点赞数

分类专栏： C# JS 文章标签： js定时器定时器 Interval Timeout

本文链接：https://blog.csdn.net/BeiLinYu/article/details/53841978

版权

C# 同时被 2 个专栏收录

14 篇文章 1 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

js中的定时器有以下两中：
● setInterval() ：按照指定的间隔周期来调用函数或计算表达式。方法会不停地执行，直到 clearInterval() 被调用或窗口被关闭。
● setTimeout() ：在指定的毫秒数后调用函数或计算表达式，即延迟执行，只执行一次。

setInterval(code,millisec,lang)

code：要调用的函数或要执行的代码串，可以是字符串或js方法（必传参数）；
millisec：时间间隔，单位为ms（必传参数）；
lang：脚本类型， JScript | VBScript | JavaScript（可选参数）；

clearInterval(id)

id：setInterval返回的唯一ID值，用来确定要停掉哪个定时器；

示例代码1：

<html>
<body>
<input type="text" id="text1" />
<script language=javascript>
var id=self.setInterval("changetext()",5000);
var showNumber=1;
function changetext()
  {
  var t=new Date();
  document.getElementById("text1").value=showNumber;
showNumber++;
  }
</script>
</form>
<button onclick="window.clearInterval(id)">
停止</button>
</body>
</html>

示例代码2：

<html>
<body>
<input type="text" id="text1" />
<script>
var showNumber=1;
var id=self.setInterval(function changetext()
  {
  var t=new Date();
  document.getElementById("text1").value=showNumber;
showNumber++;
  },5000);
</script>
</form>
<button onclick="window.clearInterval(id)">
停止</button>
</body>
</html>

setTimeout(code,millisec,lang)

code：要调用的函数或要执行的代码串，可以是字符串或js方法（必传参数）；
millisec：在执行之前等待的时间，单位为ms（必传参数）；
lang：脚本类型， JScript | VBScript | JavaScript（可选参数）；

clearTimeout(id)

id：setTimeout返回的唯一ID值，用来确定要停掉哪个定时器；
示例代码：

<html>
<body>
<p>点击按钮， 5 秒后将弹出提示框</p>
<button onclick="btnClick()">click me</button>
<script language=javascript>
function btnClick()
{
    var time= new Date();
    alert("The time is: " + time.toString());
}
</script>
</body>
</html>