▓▓▓▓▓▓ 大致介绍 今天看了一篇文章,觉得写得不错,所以学习了一下,这篇博客是我自己的理解和总结 原文:你应该知道的 setTimeout 秘密 主要内容: 1.setTimeout原理 2.setTimeout(function(){..},0)的意义 3.setTimeout的this指向和参数问题 ▓▓▓▓▓▓ setTimeout原理 先来看一段代码: var start = new Date(); setTimeout(function(){ console.log(new Dat…

前言 这篇博客有点长,如果你是高手请您读一读,能对其中的一些误点提出来,以免我误人子弟,并且帮助我提高 如果你是javascript菜鸟,建议您好好读一读,真的理解下来会有不一样的收获 在下才疏学浅,文中难免会有不同程度的错误,请您指正留言 PS:事件阶段一节请看最新博客,之前理解有误 javascript事件基础 我们的网页之所以丰富多彩并具有交互功能,是因为我们的javascript脚本语言,而javascript与HTML之间的交互又是通过事件机制实现的 所以,事件是javascript一…

不会吧,不会吧,现在都2020年了不会还真人有人不知道JS的rAF吧??? rAF 简介 rAF是requestAnimationFrame的简称: 我们先从字面意思上理解requestAnimationFrame,「request - 请求」,「Animation - 动画」, 「Frame - 帧率;框架」,rAF难道是JS的动画框架???,结果显而易见并不是.但确实rAF和动画有关系 我们先来看一下MDN官网对的requestAnimationFrame解释: window.request…

setTimeout(func, time)可以使得每隔time毫秒就执行一次func函数,常用来做计时器/时钟. 下面是在微信小程序中的使用思路,只截取了关键部分代码. var timer; // 计时器 Page({ // ...省略 // 自定义的开始按钮 startBtn: function () { console.log("开始按钮"); Countdown(); }, // 自定义的暂停按钮 pauseBtn: function () { console.log(&quo…

原文地址: http://fanjiajia.cn/2018/06/27/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E2%80%94setTimeOut%E5%AE%9A%E6%97%B6%E5%99%A8%E7%9A%84%E5%9D%91/ 背景 实验室需要将项目的app搬到微信的小程序上,终于知道为什么程序员是手艺人了,只要有需求,就要想方设法去填充这种需求,去年是小程序的元年了可以说,去年冬天一个叫跳一跳的小程序游戏出现在我的微信中,当时…

前言: 项目背景:vue,电商,商品详情页 1.倒计时,倒计到0秒时停止 data () { return { n: 10 } }, created () { let int = setInterval(() => { this.n-- }, 1000) let timer = setTimeout(() => { clearInterval(int) }, this.n * 1000) } setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式 参考文档:HTML…

我们都知道,alert这种内置弹框会阻塞后续代码执行: 之所以如此,就是因为JavaScript代码在浏览器中是单线程执行的.换句话说,浏览器中只有一个主线程负责运行所有JavaScript代码(不考虑Web Worker). 提到浏览器中的JavaScript,基本上只有三个来源: BOM API的代码,让我们可以操作并利用浏览器提供的能力 DOM API的代码,让我们可以操作网页内容 我们自己写的ECMAScript代码 这没什么.我们也知道,setTimeout用于“定时”执行代码,比如这…

小程序中当动画animation遇上setTimeout函数内部使用this.setData函数,通常情况下会出现报错.本文先告诉解决方法,后分析报错原因 1.解决方法: 在 setTimeout() 函数的同级加上 const that = this;   ,然后将this.setData换成that.setData就好了 贴上我的代码示例: getMsg: function () { const that = this; // 动画内容 this.animation.translate(-1…

function a() { alert('hello'); } setInterval(a, ); setInterval(a(), ); setInterval(); setInterval(); 无论是调用setInterval还是调用setTimeout都会有上面的四种方法,第一种是延时一秒之后执行,之后每秒执行一次,第二种是只执行一次,第三种是延时一秒之后执行一次之后每秒执行一次,第四种是延时一秒之后执行一次之后每秒执行一次,但是 setInterval(); 这样的写法是错误的,另外…

说明 在开发功能"轨迹播放"时,遇到了一个情况. 原先同事已经开发了一版,这次有个新功能:点击线上任意一点后可以从点击处重新播放. 看了一下原来的版本,发现同时使用了setTimeout和setInterval,两者配合实现点线播放. 简单结构如下 function test() { setInterval(function () { console.log("interval"); //省略插值方法得到arr (...) play(arr); }, 2000);…