我们经常用setInterval来实现动画,其实这种做法不是太好,因为不同浏览器的刷新频率也不一样(一般认为设置16为最佳,按每秒60帧算,1000/60≈16.67) 实现js动画最好的是requestAnimationFrame: requestAnimationFrame 比起 setTime ...
分类:
Web程序 时间:
2017-12-10 20:19:39
阅读次数:
262
var firstInterval; var secondInterval; function firstFunction(){ if(firstInterval) clearInterval(firstInterval); //code... firstInterval = setInterval... ...
分类:
其他好文 时间:
2017-12-08 13:52:03
阅读次数:
161
最近接到新的需求,流程监控! 其中涉及到进度条,我第一想法是使用echarts好用的图表工具! 找到心仪的进度条图形对应代码,深入研究之后,发现其中涉及到setInterval(function(){},interval)函数,每隔一定时间执行其中的函数(匿名函数或函数名),此时由于需求我的想法是让 ...
分类:
其他好文 时间:
2017-12-07 17:30:22
阅读次数:
129
上篇文章说了一下js中定时器 setTimeout 和 setInterval 的执行原理。这两个计时器都是异步执行的,这部分体现了js的执行过程。 js自身执行的模型是事件循环(event loop)。 js在启动时会创建一个循环,每次循环都会去任务队列(task query)里找要进行的任务。当 ...
分类:
Web程序 时间:
2017-12-04 20:40:28
阅读次数:
275
1. 全局对象console的五个方法: log dir time timeEnd error 2. 在前端中全局对象Window中定义了consle这个对象 3. 在nodejs中全局对象是global,在global中定义了console。 4. setInterval也是global中定义的全 ...
分类:
Web程序 时间:
2017-12-04 11:46:24
阅读次数:
224
1.1 定时器 1、设置全局定时器:setInterval (作用:指定时间循环执行函数) ...
分类:
编程语言 时间:
2017-12-02 12:59:59
阅读次数:
93
需求:根据数据库情况,在页面弹出相应的消息 实现: 1. 展示DIV设置 2. js调用ajax,确定页面是否弹出。 2.1 使用window.setInterval(参数1,参数2),设置定时器,参数1为调用的方法,参数2为调用间隔时间,单位为毫秒 2.2 window.clearInterval ...
分类:
数据库 时间:
2017-11-29 14:41:27
阅读次数:
374
1、补上点餐系统的会员支付页和支付成功页,并修改细节◇不要弹出层组件了,自己手写js代码,用onclick事件修改html元素的属性◇实现了页面一部分滚动、一部分固定◇实现了弹出层滚动时底部页面不滚动(用js加fix属性 2、尝试用setTimeout和setInterval写轮播图脚本,失败,播一 ...
分类:
其他好文 时间:
2017-11-27 21:34:52
阅读次数:
126
我们知道,js是单线程执行的(单线程j就是说在程序执行时,所走的程序路径按照连续顺序排下来,前面的必须处理好,后面的才会执行)。所以其实setTimeout和setInterval所谓的“异步调用”事实上是通过将代码段插入到代码的执行队列中实现的。 而如何计算插入的时间点呢?自然是要用到我们所说的t ...
分类:
其他好文 时间:
2017-11-22 10:21:02
阅读次数:
147
锁机制 的运用可以时一个变量 也可以是一个属性 ,在节点元素身上加 属性作为 一把锁 如同 事件中的this.XXX 这样当这个元素在运动的过程中就不会 出现被多次触发而引起的 BUG var node = document.querySelector('div); node.stata = tru ...
分类:
其他好文 时间:
2017-11-21 01:08:38
阅读次数:
155