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 相关文章推荐
Knockoutjs的环境搭建教程
Nov 26 Javascript
jQuery自带的一些常用方法总结
Sep 03 Javascript
jQuery中:input选择器用法实例
Jan 03 Javascript
第五篇Bootstrap 排版
Jun 21 Javascript
node.js利用redis数据库缓存数据的方法
Mar 01 Javascript
JS简单判断字符在另一个字符串中出现次数的2种常用方法
Apr 20 Javascript
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
May 20 jQuery
js实现带进度条提示的多视频上传功能
Dec 13 Javascript
温故知新——JavaScript中的字符串连接问题最全总结(推荐)
Aug 21 Javascript
seajs和requirejs模块化简单案例分析
Aug 26 Javascript
微信小程序实现锚点功能
Nov 20 Javascript
vue 组件简介
Jul 31 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 批量删除 sql语句
2009/06/05 PHP
php删除字符串末尾子字符,删除开始字符,删除两端字符(实现代码)
2013/06/27 PHP
php循环table实现一行两列显示的方法
2015/06/04 PHP
Yii框架结合sphinx,Ajax实现搜索分页功能示例
2016/10/18 PHP
PHP图像处理 imagestring添加图片水印与文字水印操作示例
2020/02/06 PHP
兼容Mozilla必须知道的知识。
2007/01/09 Javascript
Jquery中获取iframe的代码
2011/01/11 Javascript
Ajax搜索结果页面下方的分页按钮的生成
2012/04/05 Javascript
javascript 使td内容不换行不撑开
2012/11/29 Javascript
PHP PDO操作总结
2014/11/17 Javascript
纯js实现倒计时功能
2017/01/06 Javascript
Angularjs实现多图片上传预览功能
2018/07/18 Javascript
vue router 源码概览案例分析
2018/10/09 Javascript
Easyui 去除jquery-easui tab页div自带滚动条的方法
2019/05/10 jQuery
vue 获取视频时长的实例代码
2019/08/20 Javascript
Vue实现开心消消乐游戏算法
2019/10/22 Javascript
python网络编程学习笔记(10):webpy框架
2014/06/09 Python
Python实现简单多线程任务队列
2016/02/27 Python
Django使用paginator插件实现翻页功能的实例
2018/10/24 Python
python读取txt文件中特定位置字符的方法
2018/12/24 Python
Python OpenCV读取显示视频的方法示例
2020/02/20 Python
python实现人机五子棋
2020/03/25 Python
amazeui树节点自动展开折叠面板并选中第一个树节点的实现
2020/08/24 HTML / CSS
绢花、人造花和人造花卉:BLOOM
2019/08/07 全球购物
职业教育毕业生求职信
2013/11/09 职场文书
自主招生自荐信格式
2013/12/03 职场文书
遗产继承公证书
2014/04/09 职场文书
服务标兵事迹材料
2014/05/04 职场文书
寻找最美家庭活动方案
2014/08/20 职场文书
六一儿童节活动总结
2014/08/27 职场文书
小学生校园广播稿
2014/09/28 职场文书
2016猴年开门红标语口号
2015/12/26 职场文书
节约用水广告语60条
2019/11/14 职场文书
python制作图形界面的2048游戏, 基于tkinter
2021/04/06 Python
Dubbo+zookeeper搭配分布式服务的过程详解
2022/04/03 Java/Android
微信小程序 根据不同用户切换不同TabBar
2022/04/21 Javascript