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 相关文章推荐
ExtJS TabPanel beforeremove beforeclose使用说明
Mar 31 Javascript
javascript学习笔记(四) Number 数字类型
Jun 19 Javascript
javascript随机之洗牌算法深入分析
Jun 07 Javascript
js 声明数组和向数组中添加对象变量的简单实例
Jul 28 Javascript
JavaScript重定向URL参数的两种方法小结
Oct 19 Javascript
JavaScript模块详解
Dec 18 Javascript
Vue 重置组件到初始状态的方法示例
Oct 10 Javascript
layui中的switch开关实现方法
Sep 03 Javascript
解决layui调用自定义方法提示未定义的问题
Sep 14 Javascript
vue使用自定义事件的表单输入组件用法详解【日期组件与货币组件】
Jun 01 Javascript
javascript实现前端成语点击验证
Jun 24 Javascript
探索浏览器页面关闭window.close()的使用详解
Aug 21 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抓即时股票信息
2006/10/09 PHP
PHP通过内置函数memory_get_usage()获取内存使用情况
2014/11/20 PHP
深入理解PHP之源码目录结构与功能说明
2016/06/01 PHP
用jscript实现新建word文档
2007/06/15 Javascript
jquery validation插件表单验证的一个例子
2010/03/03 Javascript
XENON基于JSON变种
2010/07/27 Javascript
提交表单时执行func方法实现代码
2013/03/17 Javascript
JS:window.onload的使用介绍
2013/11/13 Javascript
基于mouseout和mouseover等类似事件的冒泡问题解决方法
2013/11/18 Javascript
javascript调试之DOM断点调试法使用技巧分享
2014/04/15 Javascript
jquery的clone方法应用于textarea和select的bug修复
2014/06/26 Javascript
jQuery淡入淡出元素让其效果更为生动
2014/09/01 Javascript
js实现点击文本框显示日期选择器特效代码分享
2020/05/21 Javascript
javascript简单判断输入内容是否合法的方法
2016/05/11 Javascript
JavaScript探测CSS动画是否已经完成的方法
2016/08/30 Javascript
JavaScript 下载svg图片为png格式
2018/06/21 Javascript
老生常谈JS中的继承及实现代码
2018/07/06 Javascript
vue实现跨域的方法分析
2019/05/21 Javascript
小程序中的箭头函数的具体使用
2020/06/19 Javascript
[01:10:24]DOTA2-DPC中国联赛 正赛 VG vs Aster BO3 第一场 2月28日
2021/03/11 DOTA
python进阶教程之模块(module)介绍
2014/08/30 Python
Python使用Paramiko模块编写脚本进行远程服务器操作
2016/05/05 Python
python语言使用技巧分享
2016/05/31 Python
解决TensorFlow训练内存不断增长,进程被杀死问题
2020/02/05 Python
python适合做数据挖掘吗
2020/06/16 Python
python中常用的数据结构介绍
2021/01/12 Python
与世界上最好的跑步专业品牌合作:Fleet Feet
2019/03/22 全球购物
交通事故协议书
2014/04/15 职场文书
2014银行领导班子群众路线对照检查材料思想汇报
2014/09/17 职场文书
民主生活会批评与自我批评总结
2014/10/17 职场文书
《开国大典》教学反思
2016/02/16 职场文书
2019旅游导游工作总结
2019/06/27 职场文书
Go语言使用select{}阻塞main函数介绍
2021/04/25 Golang
图文详解matlab原始处理图像几何变换
2021/07/09 Python
「租借女友」第2季樱泽墨角色PV&新视觉图公开
2022/03/21 日漫
Python下载商品数据并连接数据库且保存数据
2022/03/31 Python