美文网首页
两种定时器方法的区别

两种定时器方法的区别

作者: 窗的里窗的外 | 来源:发表于2017-04-04 15:26 被阅读0次

setTimeout和setInterval的语法相同。

参数

它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码。
不过这两个函数还是有区别的,setInterval在执行完一次代码之后,经过了那个固定的时间间隔,它还会自动重复执行代码,而setTimeout只执行一次那段代码。

区别

window.setTimeout("function",time);//设置一个超时对象,只执行一次,无周期 **
window.setInterval("function",time);//设置一个超时对象,
周期='交互时间'**

停止定时:

window.clearTimeout(对象) 清除已设置的setTimeout对象
window.clearInterval(对象) 清除已设置的setInterval对象

实例

实现一个打点计时器,要求
1、从 start 到 end(包含 start 和 end),每隔 100 毫秒 console.log 一个数字,每次数字增幅为 1;
2、返回的对象中需要包含一个 cancel 方法,用于停止定时操作;
3、第一个数需要立即输出.

function count(start, end) {

  //立即输出第一个数 
  console.log(start++);

  // 重复执行函数
  var timer = setInterval(function () {

    // 判断首是否小于尾
    if (start <= end) {
      console.log(start++);
    }else {
      clearInterval(timer);
    }
  },100);

  // 返回对象
  return{
    cancel: function () {
      clearInterval(timer);
    }
  }
}

count(2,6);

相关文章

  • 两种定时器方法的区别

    setTimeout和setInterval的语法相同。 参数 它们都有两个参数,一个是将要执行的代码字符串,还有...

  • 8.BOM:setTimeout()、setInterval()

    定时器(两种) window 对象给我们提供了 2 个非常好用的方法-定时器。 setTimeout() setI...

  • swift 定时器

    定时器的两种简单实现方式: 1.timer 2.GCD 上面两种方法以及实现简单的定时器,但是还有一个隐藏的问题,...

  • 6、驯服线程和定时器

    定时器和线程是如何工作的 JavaScript提供了两种方式,用于创建定时器以及两个相应的清除方法。这些方法都是w...

  • vue 如何更好的清除定时器

    清除定时器,这是在我们开发项目中常见功能需求 在vue项目中清除定时器方法时我们通常会用到以下两种方法 方法一 这...

  • 实现简单定时器方法

    一、定时器介绍 定时器分为两种: 1、周期性定时器:每隔一段时间反复做一件事情 setInterval(方法名,间...

  • 定时器

    定时器,指的是每隔一段时间就执行一次代码。在JavaScript中,对于定时器的实现有两种方法: setTimeo...

  • JS操作属性的两种方法

    目的 介绍 javascript 操作属性的两种方法。 了解两种方法的区别。 了解应该什么时候使用两种方法。 前言...

  • get+post

    GET和POST两种基本请求方法的区别 GET和POST是HTTP请求的两种基本方法,要说它们的区别,接触过WEB...

  • 史上最有趣的post、get方式详解

    GET和POST两种基本请求方法的区别 GET和POST是HTTP请求的两种基本方法,要说它们的区别,接触过WEB...

网友评论

      本文标题:两种定时器方法的区别

      本文链接:https://www.haomeiwen.com/subject/yeoaottx.html