js超时调用setTimeout和间歇调用setInterval实例分析_javascript技巧

本文实例分析了js超时调用setTimeout和间歇调用setInterval的用法。分享给大家供大家参考。具体如下：今天看了javascript高级程序设计（第三版）一书，发现说setTimeout比setInterval更好，觉得的确如此。平时都是用setInterval多点，现在还是转一下思路了。又学习到了。分析如下：setTimeout包含两个参数，第一个参数是要执行的代码，第二个参数是时间。第一个参数可以是字符串也可以是函数，但是推荐使用函数而不是字符串。使用字符串相当于eval方法。导致性能损失。clearTimeout()超时调用的代码都是在全局作用域中执行的，因此函数中this的值在费严格模式下指向window对象，在严格模式下是undefined复制代码 代码如下://setInvalvar num = 0;var max = 10;var intervalId = null;function incrementNumber(){ num++; if(num == max){ clearInterval(innervalId); alert('done'); }}intervalId = setInterval(incrementNumber(),500);//setTimeout 实现相同功能var num = 0;var max = 10;function incrementNumber2(){ num++; if(num setTimeout(incrementNumber2,500); }else{ alert('done'); }}setTimeout(incrementNumber2,500);以上对比可以发现，使用超时调用时，没有必要跟踪超时调用id，因为每次执行代码之后，如果不再设置另一次超时调用，调用就会自行停止。一般认为，如果超时调用用来模拟间歇调用的是一种最佳模式。在开发环境下，很少真正的间歇调用，原因是后一个间歇调用可能会在前一个间隙调用结束之前启动。最好不要使用间歇调用。希望本文所述对大家的javascript程序设计有所帮助。