vue定时器的写法和setTimeout和setInterval的区别
0、前言介绍
setTimeout和setInterval都属于JS中的定时器,可以规定延迟时间再执行某个操作,不同的是setTimeout在规定时间后执行完某个操作就停止了,而setInterval则可以一直循环下去。
function fun(){alert('hello');
}setTimeout(fun,1000);//参数是函数名setTimeout('fun()',1000);//参数是字符串setInterval(fun,1000);setInterval('fun()',1000);
不再单独再定义一个函数,直接将函数调用放在一个函数里面,可以使用函数名作为调用调用句柄
function fun(name){alert('hello'+' '+name);
}
setTimeout (function(){fun('Tom');
},1000);//参数是函数名
1、setTimeout实现的形式一
第一种情况:用this.fun调用方法,不能传参数,参数可以用data
mounted() {this.Load();},methods: {Load() {// setTimeout("this.myfun", 1000); //1秒后開始运行 ×// setTimeout("this.myfun()", 1000); //1秒后開始运行 ×// setTimeout(this.myfun("参数"), 3000); //1秒后開始运行 直接运行函数 ×setTimeout(this.myfun, 3000); //1秒后開始运行 √},myfun(obj) {console.log("进来了", obj);},
}
2、setTimeout实现的形式二
mounted() {this.Load();},methods: {Load() {// setTimeout("myfun", 1000); //1秒后開始运行 ×// setTimeout("myfun()", 1000); //1秒后開始运行 ×// setTimeout(myfun("参数"), 1000); //1秒后開始运行 直接运行函数 ×setTimeout(myfun, 1000); //1秒后開始运行 √function myfun(obj) {console.log('进来了',obj);}},
}
3、setTimeout实现的形式三
也可以使用我的这种直接传function函数和时间参数
vue定时器的写法和setTimeout和setInterval的区别相关推荐
- js 定时器用法详解——setTimeout()、setInterval()、clearTimeout()、clearInterval()
写在前面: 在js应用中,定时器的作用就是可以设定当到达一个时间来执行一个函数,或者每隔几秒重复执行某段函数.这里面涉及到了三个函数方法:setInterval().setTimeout().clea ...
- js定时器用法详解——setTimeout()、setInterval()、clearTimeout()、clearInterval()
写在前面: 在js应用中,定时器的作用就是可以设定当到达一个时间来执行一个函数,或者每隔几秒重复执行某段函数.这里面涉及到了三个函数方法:setInterval().setTimeout().clea ...
- JS setTimeout和setInterval的区别
1.setTimeout和setInterval都属于JS中的定时器,可以规定延迟时间再执行某个操作,不同的是setTimeout在规定时间后执行完某个操作就停止了,而setInterval则可以一直 ...
- 10.setTimeout和setInterval的区别以及模拟实现:
10.setTimeout和setInterval的区别以及模拟实现: setTimeout:推迟ms后执行一次:(延时器) setInterval:间隔ms就重复执行.(重复定时器) 使用setTi ...
- setTimeout和setInterval的区别
setTimeout和setInterval的区别 javascript都是以单线程的方式运行于浏览器的javascript引擎中的, setTimeout和setInterval的作用只是把你要执行 ...
- setTimeout()和setInterval()的区别和转换
定义 setTimeout()和setInterval()经常被用来处理延时和定时任务.setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则可以在每隔 ...
- 链式调用setTimeout()与setInterval()的区别
使用 setTimeout()和 setInterval()创建的定时器可以用于实现有趣且有用的功能.执行时机是不能保证的,因为在页面的生命周期中,不同时间可能有其他代码在控制 JavaScript ...
- js中两种定时器,setTimeout和setInterval的区别
2019独角兽企业重金招聘Python工程师标准>>> setTimeout只在指定时间后执行一次,代码如下: <script> //定时器 异步运行 function ...
- setTimeOut与setInterval的区别
有关这两个概念,很多朋友在刚接触时都有过迷惑,今天就再讨论一下,如果有不对的地方,欢迎各位拍砖,扔鸡蛋,扔鞋.在这里完全欢迎. 说起扔鞋,就不得不提10月7日晚司马南在海南大学演讲时遭学生扔鞋的事情, ...
最新文章
- 服务器虚拟化集成项目投标方案,服务器虚拟化投标技术方案(纯方案,16页).doc...
- ubuntu下装Source Insight
- T-SQL游标学习总结
- 看奥运之五:关于“鸟巢”、“水立方”的数据和内涵
- 几台WEB经常宕机,求分析原因
- 上元之夜丨《大数据》与您共度佳节!
- oracle在日本遇到的技术问题
- 招聘贴---这个很重要嘛
- 工具的使用——vs2013
- Scipy教程 - python数值计算库
- zk和redis分布式锁比较
- java的编译路径在哪_如何知道我的java编译器的路径
- python暴力破解rar压缩文件
- 域名ip查询步骤与域名如何解析到ip
- App Store 付款方式被拒绝
- android模拟器不玩游戏,夜神安卓模拟器-实用的安卓模拟器(玩游戏,看电影无压力)...
- vue实现按钮倒计时功能
- 昨夜星辰昨夜风,只因见您在梦中
- Facenet 原理介绍
- RadioButtonList 横着排列
热门文章
- 王者荣耀服务器维护1月9号,王者荣耀1月9号更新公告 1月9号更新内容一览
- initialSize,maxTotal,maxIdle,minIdle,maxWaitMillis
- 用JS任意控制手机上的APP
- 关于fiddler 模拟post请求传递参数需要注意的地方
- 央视春晚摇一摇最有可能颠覆哪些行业?
- nginx编译安装配置模块大全
- 肝了N小时,整理了100+Python爬虫项目(附源码)
- 一文辨析 Java、JSP、JavaScript
- svn 服务器忽略文件夹,SVN忽略不提交文件夹
- Mysql binlog数据恢复(使用mysqlbinlog_flashback逆向生成SQL语句)