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 相关文章推荐
javascript 鼠标滚轮事件
Apr 09 Javascript
浅析JS运动
Dec 28 Javascript
Bootstrap基本插件学习笔记之标签切换(17)
Dec 08 Javascript
bootstrap模态框示例代码分享
May 17 Javascript
Vue Transition实现类原生组件跳转过渡动画的示例
Aug 19 Javascript
vue.js 嵌套循环、if判断、动态删除的实例
Mar 07 Javascript
Vue异步组件处理路由组件加载状态的解决方案
Sep 07 Javascript
vue element-ui el-date-picker限制选择时间为当天之前的代码
Nov 07 Javascript
使用vue-cli3+typescript的项目模板创建工程的教程
Feb 28 Javascript
JavaScript中的全局属性与方法深入解析
Jun 14 Javascript
浅谈鸿蒙 JavaScript GUI 技术栈
Sep 17 Javascript
AJAX检测用户名是否存在的方法
Mar 24 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 获取可变函数参数的函数
2009/08/26 PHP
PHP图片处理之使用imagecopyresampled函数裁剪图片例子
2014/11/19 PHP
php实现比较两个字符串日期大小的方法
2015/05/12 PHP
Laravel学习教程之IOC容器的介绍与用例
2017/08/15 PHP
使用laravel和ECharts实现折线图效果的例子
2019/10/09 PHP
JS 时间显示效果代码
2009/08/23 Javascript
jQuery中:has选择器用法实例
2014/12/30 Javascript
详谈jQuery操纵DOM元素属性 attr()和removeAtrr()方法
2015/01/22 Javascript
javascript实现全角转半角的方法
2016/01/23 Javascript
原生js仿jquery实现对Ajax的封装
2016/10/04 Javascript
详解照片瀑布流效果(js,jquery分别实现与知识点总结)
2017/01/01 Javascript
VUE axios发送跨域请求需要注意的问题
2017/07/06 Javascript
Vue单页式应用(Hash模式下)实现微信分享的实例
2017/07/21 Javascript
vue中监听返回键问题
2019/08/28 Javascript
基于node+vue实现简单的WebSocket聊天功能
2020/02/01 Javascript
原生JS封装拖动验证滑块的实现代码示例
2020/06/01 Javascript
Python中用post、get方式提交数据的方法示例
2017/09/22 Python
Python网络编程基于多线程实现多用户全双工聊天功能示例
2018/04/10 Python
python smtplib模块自动收发邮件功能(二)
2018/05/22 Python
Python实现截取PDF文件中的几页代码实例
2019/03/11 Python
Python 实现自动完成A4标签排版打印功能
2020/04/09 Python
Django Form设置文本框为readonly操作
2020/07/03 Python
Python用摘要算法生成token及检验token的示例代码
2020/12/01 Python
深入CSS3 动画效果的总结详解
2013/05/09 HTML / CSS
详解CSS3 filter:drop-shadow滤镜与box-shadow区别与应用
2020/08/24 HTML / CSS
Calzedonia美国官网:意大利风格袜子、打底裤和沙滩装
2018/07/19 全球购物
波兰最早的运动鞋精品店之一:Street Supply
2019/08/29 全球购物
日本最大的购物网站乐天市场国际版:Rakuten Global Market(支持中文)
2020/02/03 全球购物
营销与策划个人求职信
2013/09/22 职场文书
高校毕业生登记表自我鉴定
2013/11/03 职场文书
税务干部鉴定材料
2014/02/11 职场文书
爱情保证书大全
2014/04/29 职场文书
2014年重阳节老干部座谈会上的讲话稿
2014/09/25 职场文书
代办出身证明书
2014/10/21 职场文书
十岁生日答谢词
2015/01/05 职场文书
2019行政前台转正申请书范文3篇
2019/08/15 职场文书