javascript中setInterval的用法


Posted in Javascript onJuly 19, 2015

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 相关文章推荐
js数组循环遍历数组内所有元素的方法
Jan 18 Javascript
一个JavaScript去除字符串末尾的空白实例代码
Sep 22 Javascript
分享9点个人认为比较重要的javascript 编程技巧
Apr 27 Javascript
jQuery实现的鼠标经过时变宽的效果(附demo源码)
Apr 28 Javascript
基于JavaScript FileReader上传图片显示本地链接
May 27 Javascript
jQuery悬停文字提示框插件jquery.tooltipster.js用法示例【附demo源码下载】
Jul 19 Javascript
80%应聘者都不及格的JS面试题
Mar 21 Javascript
详解使用vue实现tab 切换操作
Jul 03 Javascript
webpack构建vue项目的详细教程(配置篇)
Jul 17 Javascript
理解 Node.js 事件驱动机制的原理
Aug 16 Javascript
VueJs使用Amaze ui调整列表和内容页面
Nov 30 Javascript
vue中的 $slot 获取插槽的节点实例
Nov 12 Javascript
js中跨域方法原理详解
Jul 19 #Javascript
javascript获取网页宽高方法汇总
Jul 19 #Javascript
jQuery获取URL请求参数的方法
Jul 18 #Javascript
jQuery增加自定义函数的方法
Jul 18 #Javascript
jQuery插件简单实现方法
Jul 18 #Javascript
javascript实现页面刷新时自动清空表单并选中的方法
Jul 18 #Javascript
jQuery实现在最后一个元素之前插入新元素的方法
Jul 18 #Javascript
You might like
PHP学习之整理字符串
2011/04/17 PHP
搜索附近的人PHP实现代码
2018/02/11 PHP
PHP实现获取url地址中顶级域名的方法示例
2019/06/05 PHP
TP5框架请求响应参数实例分析
2019/10/17 PHP
Jquery实现弹出层分享微博插件具备动画效果
2013/04/03 Javascript
js动态创建标签示例代码
2014/06/09 Javascript
NodeJS学习笔记之(Url,QueryString,Path)模块
2015/01/13 NodeJs
Javascript控制input输入时间格式的方法
2015/01/28 Javascript
JavaScript多图片上传案例
2015/09/28 Javascript
nodejs修复ipa处理过的png图片
2016/02/17 NodeJs
JavaScript编码风格指南(中文版)
2016/08/26 Javascript
Angular页面间切换及传值的4种方法
2016/11/04 Javascript
Bootstrap学习笔记之环境配置(1)
2016/12/07 Javascript
浅析如何利用angular结合translate为项目实现国际化
2016/12/08 Javascript
Vue.js最佳实践(五招助你成为vuejs大师)
2018/05/04 Javascript
vue源码学习之Object.defineProperty对象属性监听
2018/05/30 Javascript
Angular如何在应用初始化时运行代码详解
2018/06/11 Javascript
微信小程序scroll-view仿拼多多横向滑动滚动条
2020/04/21 Javascript
微信小程序 setData 对 data数据影响问题
2019/04/18 Javascript
函数式编程入门实践(一)
2019/04/20 Javascript
使用Vue-cli3.0创建的项目 如何发布npm包
2019/10/10 Javascript
js实现简易ATM功能
2020/10/27 Javascript
Python自动生产表情包
2017/03/17 Python
Expected conditions模块使用方法汇总代码解析
2020/08/13 Python
python 使用建议与技巧分享(四)
2020/08/18 Python
Snapfish英国:在线照片打印和个性化照片礼品
2017/01/13 全球购物
经理管理专业自荐信范文
2013/12/31 职场文书
销售行政专员职责
2014/01/03 职场文书
大学生活动策划方案
2014/02/10 职场文书
药剂专业自荐信范文
2014/04/16 职场文书
2014年医院党建工作总结
2014/12/20 职场文书
优秀大学生事迹材料
2014/12/24 职场文书
2015年安全生产责任书
2015/01/30 职场文书
山楂树之恋观后感
2015/06/11 职场文书
2016读书月活动心得体会
2016/01/14 职场文书
MYSQL 表的全面总结
2021/11/11 MySQL