当前位置： 移动技术网 > IT编程>开发语言>JavaScript > JavaScript两种计时器的实例讲解

JavaScript两种计时器的实例讲解

2019年03月15日  | 移动技术网IT编程  | 我要评论

通过使用 javascript，我们有能力做到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。提供了两种计时器的方法如下：

  1. window.setinterval()； 这个方法就是在一个周期内反复执行一直到窗口关闭或者 clearinterval()
  2. window.settimeout(); 延迟执行内容

setinterval()的使用方法： 

setinterval(code,millisec);
  • code:可以是方法名，如果是方法不要加小括号。同时也可以是字符串用双引号将方法括起来。setinterval(“setcode（）”,1000);或者setinterval(setcode,1000); 
  • millisec:是毫秒数,就是隔了多久执行

代码如下：

 var p1 = document.getelementbyid("p");
  var n = 0;
  var data = ["4234","343440"];
  var rows = 0;
  var cols = 0;
  function setcode(){
    if(cols < data[rows].length){
      p1.innerhtml += data[rows][cols];
      cols++;
    }else if(rows < data.length){
      p1.innerhtml += "</br>";
      rows++;
      cols = 0;
    }else {
      clearinterval(timer);
    }
  }
  var timer = setinterval(setcode,500);

settimeout和setinterval用法是一样的的。

那么在计时器中能否传递参数呢？答案是不能的那么怎么办呢，推荐使用匿名函数。

代码如下:

  var person = {name: "peng", age: 23};
  function getperson(person){
    alert(person.name);
  }
  var timer = setinterval(function(){
    getperson(person);
  },1000);

就是在定义定时器是在重新写一个函数在函数里面去调用方法。

当然也可以直接将函数和参数用“”括起来 ，但是这样不能周期性改变参数的值.

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对移动技术网的支持。如果你想了解更多相关内容请查看下面相关链接

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网