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跨浏览器显示的file上传控件
Oct 24 Javascript
javascript 处理null及null值示例
Jun 09 Javascript
网站接入QQ登录的两种方法
Jul 22 Javascript
JQuery select(下拉框)操作方法汇总
Apr 15 Javascript
jQuery中attr()与prop()函数用法实例详解(附用法区别)
Dec 29 Javascript
jQuery实现模拟flash头像裁切上传功能示例
Dec 11 Javascript
详解jQuery中的DOM操作
Dec 23 Javascript
JQuery.dataTables表格插件添加跳转到指定页
Jun 09 jQuery
基于Two.js实现星球环绕动画效果的示例
Nov 06 Javascript
JavaScript创建防篡改对象的方法分析
Dec 30 Javascript
微信小程序实现选项卡滑动切换
Oct 22 Javascript
微信小程序 接入腾讯地图的两种写法
Jan 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
文章推荐系统(二)
2006/10/09 PHP
php 数据库字段复用的基本原理与示例
2011/07/22 PHP
php页面跳转代码 输入网址跳转到你定义的页面
2013/03/28 PHP
php动态生成缩略图并输出显示的方法
2015/04/20 PHP
日常整理PHP中简单的图形处理(经典)
2015/10/26 PHP
PHP实现mysqli批量执行多条语句的方法示例
2017/07/22 PHP
PHP通过get方法获得form表单数据方法总结
2018/09/12 PHP
Javascript学习笔记-详解in运算符
2011/09/13 Javascript
javascript实现tabs选项卡切换效果(自写原生js)
2013/03/19 Javascript
js arguments,jcallee caller用法总结
2013/11/30 Javascript
jquery实现将获取的颜色值转换为十六进制形式的方法
2014/12/20 Javascript
jQuery选择器源码解读(八):addCombinator函数
2015/03/31 Javascript
angularjs 源码解析之injector
2016/08/22 Javascript
Easyui笔记2:实现datagrid多行删除的示例代码
2017/01/14 Javascript
jQuery插件autocomplete使用详解
2017/02/04 Javascript
js实现抽奖效果
2017/03/27 Javascript
手把手教你使用vue-cli脚手架(图文解析)
2017/11/08 Javascript
JavaScript实现AOP详解(面向切面编程,装饰者模式)
2017/12/19 Javascript
在react-router4中进行代码拆分的方法(基于webpack)
2018/03/08 Javascript
vue devtools的安装与使用教程
2018/08/08 Javascript
详解Vue实战指南之依赖注入(provide/inject)
2018/11/13 Javascript
微信小程序实现省市区三级地址选择
2020/06/21 Javascript
JavaScript惰性求值的一种实现方法示例
2019/01/11 Javascript
Python中给List添加元素的4种方法分享
2014/11/28 Python
Python实现的批量修改文件后缀名操作示例
2018/12/07 Python
python绘制已知点的坐标的直线实例
2019/07/04 Python
PyQt5使用QTimer实现电子时钟
2019/07/29 Python
python中for in的用法详解
2020/04/17 Python
python创建文本文件的简单方法
2020/08/30 Python
举例详解CSS3中的Transition
2015/07/15 HTML / CSS
当x.equals(y)等于true时,x.hashCode()与y.hashCode()可以不相等,这句话对不对
2015/05/02 面试题
办公室主任岗位职责
2013/11/08 职场文书
ktv收银员岗位职责
2013/12/16 职场文书
租车协议书范本
2014/04/22 职场文书
实习指导老师评语
2014/04/26 职场文书
Java实现斗地主之洗牌发牌
2021/06/14 Java/Android