当前位置: 首页 > 编程笔记 >

JavaScript两种计时器的实例讲解

郝冥夜
2023-03-14
本文向大家介绍JavaScript两种计时器的实例讲解,包括了JavaScript两种计时器的实例讲解的使用技巧和注意事项,需要的朋友参考一下

通过使用 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);

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

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

总结

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

 类似资料:
  • 本文向大家介绍Android计时器chronometer使用实例讲解,包括了Android计时器chronometer使用实例讲解的使用技巧和注意事项,需要的朋友参考一下 在Android中,可以使用计时器来实现对时间的监测,这个类所实现的功能有开始计时,停止计时,重新计时,设置计 时模式,下面列出计时器方法的原型: long getBase();//返回基地的时间,由setBase(long)设

  • 本文向大家介绍秒表计时器以及STOPWATCH(实例讲解),包括了秒表计时器以及STOPWATCH(实例讲解)的使用技巧和注意事项,需要的朋友参考一下 Stopwatch:秒表计时器,用来记录程序的运行时间,通常用来测试代码在时间上的执行效率。(需要引用:System.Diagnostics。) Stopwatch sw=new Stopwatch();//实例化一个对象。 sw.Start():

  • 本文向大家介绍Android时分秒计时器的两种实现方法,包括了Android时分秒计时器的两种实现方法的使用技巧和注意事项,需要的朋友参考一下 可能我们在开发中会时常用到计时器这玩意儿,比如在录像的时候,我们可能需要在右上角显示一个计时器。这个东西其实实现起来非常简单。 只需要用一个控件Chronometer,是的,就这么简单,我都不好意思讲述一下了。 是的,就这么简单。java代码同样 超简单有

  • 本篇主要从计数DP上结合实例分析。 一、计数类DP——整数划分 整数划分大体上可以分为3类 (1)考虑顺序的拆分方案(即1,1,2;和2,1,1 是两种不同的方案),这种问题一般转化为完全背包即可解决。 (2)不考虑顺序的拆分方案,可以划分出空集(也就是可以有对拆分完全没贡献的东西存在(0)) (3)不考虑顺序的拆分方案,要求划分出的集合不为空集(不可以拆出0) 主要讨论2,3类DP问题 二、空集

  • 本文向大家介绍JavaScript编程的单例设计模讲解,包括了JavaScript编程的单例设计模讲解的使用技巧和注意事项,需要的朋友参考一下 在Javascript中,单例模式是一种最基本又经常用到的设计模式,可能在不经意间就用到了单例模式。 本文将从最基础的理论开始,讲述单例模式的基本概念和实现,最后用一个例子来讲述单例模式的应用。 理论基础 概念 单例模式,顾名思义就是只有一个实例存在。通过

  • 本文向大家介绍实例讲解Ruby中的五种变量,包括了实例讲解Ruby中的五种变量的使用技巧和注意事项,需要的朋友参考一下 Ruby 全局变量 全局变量以 $ 开头。未初始化的全局变量的值为 nil,在使用 -w 选项后,会产生警告。 给全局变量赋值会改变全局状态,所以不建议使用全局变量。 下面的实例显示了全局变量的用法。 在这里,$global_variable 是全局变量。这将产生以下结果: 注意