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

javascript中setInterval的用法

段干靖
2023-03-14
本文向大家介绍javascript中setInterval的用法,包括了javascript中setInterval的用法的使用技巧和注意事项,需要的朋友参考一下

javascript中的setInterval的函数主要是在制作动画或其他间隔性渲染(操作)效果时,对操作方法按照一定时间间隔进行调用的函数。

setInterval的表达式格式主要有:

setInterval(fnname,time,par1,par2,........parn);

setInterval(obj,fnname,time,par1,par2,......parn);

第一种是最常见的表达语法,其中fnname参数可以是一个匿名函数的引用或者是一个函数名,time是设定的调用faname的时间间隔,单位为毫秒,默认值为10毫秒,par1.......parn为可选参数,是传递给faname方法的参数。

第二种是使用对象方法的语法,faname参数是obj对象的方法,其他参数同第一种语法。

下面利用例子进行解释:

//普通语法的第一种写法

setInterval(function(){
    alert("我是setInterval方法打印结果");
  },3000) //每隔3秒打印一次

//普通语法的第二种写法

function alert1(){
    alert("我是setInterval方法打印结果")
  }
function alert2(str){
    alert(str);
  }
  setInterval(alert1,3000);
  setInterval("alert1()",3000);
  setInterval(alert2,3000,"我是setInterval方法打印结果");
  setInterval("alert1()",3000,"我是setInterval方法打印结果");

//对象方法写法

obj = new Object();//创建一个新的对象

obj.alert1 = function(){
    alert("我是setInterval方法打印结果");
  }

obj.alert2 = function(str){
    alert(str);
  }

setInterval(obj,alert1,3000);
setInterval(obj,alert2,3000,"我是setInterval方法打印结果");

setInterval一般都要跟clearInterval配合使用,clearInterval的作用是清除setInterval方法的调用,clearInterval的参数是setInterval的返回值,

var timer = setInterval(obj,alert1,3000);

clearInterval(timer);

以上所述就是本文的全部内容了,希望大家能够喜欢。

 类似资料:
  • 问题内容: 我用来在JavaScript中每10秒调用一次函数。是否可以在某个事件中停止调用它? 我希望用户能够停止重复刷新数据。 问题答案: 返回一个间隔ID,您可以将其传递给: 请参阅该文档为和。

  • 问题内容: 据我所知,这两段JavaScript的行为方式相同: 选项A: 选项B: 使用setTimeout和setInterval之间有什么区别? 问题答案: 他们本质上试图做同样的事情,但是这种方法比该方法更加准确,因为要等待1000ms,然后运行该函数,然后设置另一个超时。因此,等待时间实际上超过了1000毫秒(如果函数执行时间较长,则等待时间会更长)。 尽管有人可能会认为将执行完全相同每

  • 本文向大家介绍浅谈JavaScript中setInterval和setTimeout的使用问题,包括了浅谈JavaScript中setInterval和setTimeout的使用问题的使用技巧和注意事项,需要的朋友参考一下 说到setInterval,就不得不提到setTimeout,二者都是用于定时执行某函数,区别在于setTimeout 只执行一次,而setInterval可以一直连续不断执行

  • 问题内容: 我在React还是很新,但是我一直在慢慢地学习,遇到了一些我坚持的事情。 我正在尝试在React中构建一个“计时器”组件,说实话,我不知道我是否做得正确(或有效)。在下面我的代码,我设置状态来返回一个对象,并已与玩弄,和我只能得到状态,以“倒计时”,从10到9。 问题分为两个部分:我怎么了?而且,有没有一种更有效的方法来使用setTimeout(而不是使用&)? 先感谢您。 问题答案:

  • 问题内容: 谁能告诉我Android是否存在setInterval / setTimeout的等效项?有人有如何做的例子吗? 问题答案: 与Android一样,有很多方法可以做到这一点,但是假设您只是想稍后在同一线程上运行一段代码,我将使用以下代码: ..这几乎等同于

  • 本文向大家介绍JavaScript中setTimeout和setInterval函数的传参及调用,包括了JavaScript中setTimeout和setInterval函数的传参及调用的使用技巧和注意事项,需要的朋友参考一下 如何向 setTimeout 、 setInterval 传递参数 看如下代码: 这样写是可以正常工作的,但是如其说这是参数传递,还不如说是直接使用的全局变量。所以,这种写