javascript中setInterval的用法

 更新时间:2015年07月19日 11:11:04   投稿:hebedich  
这篇文章主要介绍了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);

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

相关文章

  • Js实现网页键盘控制翻页的方法

    Js实现网页键盘控制翻页的方法

    这篇文章主要介绍了Js实现网页键盘控制翻页的方法,较为详细的分析了Js实现网页键盘控制翻页的原理与具体实现方法,非常具有实用价值,需要的朋友可以参考下
    2014-10-10
  • Javascript显示和隐藏ul列表的方法

    Javascript显示和隐藏ul列表的方法

    这篇文章主要介绍了Javascript显示和隐藏ul列表的方法,涉及javascript针对页面元素遍历及显示与隐藏的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • 在模板页面的js使用办法

    在模板页面的js使用办法

    在使用了母板页面的项目中 使用js获取其中的标签id 需要先加载到本地看看他在浏览时候的页面源代码然后确定他的id
    2010-04-04
  • 微信小程序实现吸顶效果

    微信小程序实现吸顶效果

    这篇文章主要为大家详细介绍了微信小程序实现吸顶效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-01-01
  • 微信小程序实战之双人五子棋游戏是实现

    微信小程序实战之双人五子棋游戏是实现

    这篇文章主要为大家详细介绍了如何利用微信小程序实现双人五子棋游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-05-05
  • JavaScript中如何让 x == 1 && x == 2 && x == 3 等式成立

    JavaScript中如何让 x == 1 && x == 2 && x == 3 等式成立

    这篇文章主要介绍了JavaScript中如何让x==1&&x==2&&x==3等式成立,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-07-07
  • Uni-app返回上一页面并携带参数的实现方法

    Uni-app返回上一页面并携带参数的实现方法

    这篇文章主要介绍了Uni-app返回上一页面并携带参数的实现方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-06-06
  • 实现div可编辑的常见方法总结

    实现div可编辑的常见方法总结

    实现div可编辑的常见方法总结...
    2007-04-04
  • 一文总结JavaScript中Promise遇到的问题

    一文总结JavaScript中Promise遇到的问题

    Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。本文将总结一下在Promise中容易遇到的一些问题,感兴趣的同学可以参考下
    2023-05-05
  • 详解JS中定时器setInterval和setTImeout的this指向问题

    详解JS中定时器setInterval和setTImeout的this指向问题

    在js中setTimeout和setInterval都是用来定时的一个功能,下面这篇文章主要给介绍了JS中setInterval和setTImeout的this指向问题,文中通过示例介绍的很详细,有需要的朋友可以参考借鉴,一起来看看吧。
    2017-01-01

最新评论