解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法

火狐浏览器setTimeout失效问题背景

今日审查采用JQuery、AJAX及PHP构建的网站后台登录验证功能，发现登录成功后触发的页面跳转JavaScript（JS）代码在IE与Chrome浏览器中运行良好，兼容性表现优异。然而，在FireFox浏览器中，setTimeout这一JS内置函数未能执行，表现为无效且无报错信息。启用FireBUG进行错误排查亦未获结果...由于Javascript（JS）脚本在各浏览器间的兼容性问题令人困扰，经反复调试与检索，最终解决了setTimeout在FireFox下失效、不兼容及无法运行的问题。当前，该setTimeout方法可良好兼容IE6、7、8、9及Chrome、FireFox、Safari、Opera等浏览器。

setTimeout函数基础用法

setTimeout是一个常用的前端函数，常用于实现几秒后执行特定动作的效果。该JS内置函数的使用方法相对简单，以下将详细说明setTimeout()的功能、用法、参数及具体实例代码。

setTimeout()的主要功能是设定在指定的毫秒数之后执行一段JS函数或表达式代码。

setTimeout的标准用法、语法结构及参数定义为：setTimeout(code, millisec)。

对setTimeout参数的具体说明如下：

code为必需参数，代表需要调用的函数或要执行的JavaScript代码字符串。

millisec为必需参数，表示在执行代码前需要等待的毫秒数。毫秒与秒的换算关系为：1000毫秒等于1秒。

不兼容火狐的原始代码示例

以下是一个setTimeout的实例代码，演示如何在1秒后跳转到指定的URL：

<script language="javascript">
function go(){//定义函数
window.location="main.html";//页面跳转
} 
window.setTimeout("go()",1000);//1秒后执行函数go
</script>

兼容火狐的修正方案

上述JS代码在火狐浏览器中无法兼容，这主要是由于IE和火狐的浏览器引擎存在差异。为了使这段页面跳转JS代码能够兼容IE、火狐、Safari和Opera，需要进行如下修改：

 
<script language="javascript">
function go(){//定义函数
window.location="main.html";//页面跳转
} 
window.setTimeout(function(){go()},1000);//1秒后执行函数go
</script>

经过kankanbei.com站长的测试，该修改方案完美兼容了各主流浏览器，特此分享。值得注意的是，虽然习惯上页面跳转JS代码写作location.href=页面地址，但该写法在火狐下同样无法运行，必须使用window.location=页面地址的形式。

火狐浏览器下JS代码不兼容setTimeout函数失效无效不运行执行的解决办法