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 相关文章推荐
利用jquery操作Radio方法小结
Oct 20 Javascript
5个书写JavaScript代码的坏习惯,看看你中枪了没?
Nov 06 Javascript
JavaScript人脸识别技术及脸部识别JavaScript类库Tracking.js
Sep 14 Javascript
JS实现页面数据无限加载
Sep 13 Javascript
bootstrap datetimepicker2.3.11时间插件使用
Nov 19 Javascript
基于Three.js插件制作360度全景图
Nov 29 Javascript
JavaScript中object和Object的区别(详解)
Feb 27 Javascript
AngularJS使用ng-repeat遍历二维数组元素的方法详解
Nov 11 Javascript
React Native react-navigation 导航使用详解
Dec 01 Javascript
JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码
Apr 21 Javascript
jQuery实现每隔一段时间自动更换样式的方法分析
May 03 jQuery
基于vue-cli3+typescript的tsx开发模板搭建过程分享
Feb 28 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
消息持续发送的完整例子
2006/10/09 PHP
解析php做推送服务端实现ios消息推送
2013/07/01 PHP
PHP 字符串长度判断效率更高的方法
2014/03/02 PHP
PHP自定义函数获取URL中一级域名的方法
2016/08/23 PHP
统计PHP目录中的文件数方法
2019/03/05 PHP
php的无刷新操作实现方法分析
2020/02/28 PHP
用javascript实现画板的代码
2007/09/05 Javascript
jQuery 1.5.1 发布,全面支持IE9 修复大量bug
2011/02/26 Javascript
js substr、substring和slice使用说明小记
2011/09/15 Javascript
js history对象简单实现返回和前进
2013/10/30 Javascript
javascript 实现子父窗体互相传值的简单实例
2014/02/17 Javascript
从零学jquery之如何使用回调函数
2014/05/16 Javascript
JQuery仿小米手机抢购页面倒计时效果
2014/12/16 Javascript
JS实现仿google、百度搜索框输入信息智能提示的实现方法
2015/04/20 Javascript
浅谈js里面的InttoStr和StrtoInt
2016/06/14 Javascript
Jquery调用iframe父页面中的元素及方法
2016/08/23 Javascript
Javascript操作dom对象之select全面解析
2017/04/24 Javascript
js实现文字列表无缝滚动效果
2017/06/23 Javascript
Angular 1.x个人使用的经验小结
2017/07/19 Javascript
快速处理vue渲染前的显示问题
2018/03/05 Javascript
聊聊Vue中provide/inject的应用详解
2019/11/10 Javascript
js get和post请求实现代码解析
2020/02/06 Javascript
Python实现基本线性数据结构
2016/08/22 Python
python 基础教程之Map使用方法
2017/01/17 Python
对numpy中shape的深入理解
2018/06/15 Python
CentOS 7 安装python3.7.1的方法及注意事项
2018/11/01 Python
python 自动重连wifi windows的方法
2018/12/18 Python
pytorch在fintune时将sequential中的层输出方法,以vgg为例
2019/08/20 Python
欧迪办公美国官网:Office Depot
2016/08/22 全球购物
俄罗斯女装店:12storeez
2019/10/25 全球购物
W Hamond官网:始于1979年的钻石专家
2020/07/20 全球购物
法英专业大学生职业生涯规划范文:衡外情,量己力!
2014/09/23 职场文书
银行反四风对照检查材料
2014/09/29 职场文书
员工保密协议范本,您一定得收藏!很有用!
2019/08/08 职场文书
判断Python中的Nonetype类型
2021/05/25 Python
springboot新建项目pom.xml文件第一行报错的解决
2022/01/18 Java/Android