setTimeout函数兼容各主流浏览器运行执行效果实例
更新时间:2013年06月13日 17:38:15 作者:
setTimeout是一个很不错的函数,网站页面前端工程师经常将其用于几秒后执行的动作,下文要讲的setTimeout可以很好地兼容IE6,7,8,9以及谷歌等主流浏览器
目前这个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>
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>
您可能感兴趣的文章:
- 深入理解setTimeout函数和setInterval函数
- 解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法
- jQuery setTimeout()函数使用方法
- js函数setTimeout延迟执行的简单介绍
- JS中setInterval、setTimeout不能传递带参数的函数的解决方案
- js函数使用技巧之 setTimeout(function(){},0)
- javascript setTimeout()传递函数参数(包括传递对象参数)
- 定时器(setTimeout/setInterval)调用带参函数失效解决方法
- 给c#添加SetTimeout和SetInterval函数
- setTimeout函数的神奇使用
相关文章
浅谈js停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)
下面小编就为大家带来一篇浅谈js停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)。2017-02-02让JavaScript的Alert弹出框失效的方法禁止弹出警告框
弹出框难免会影响你的心情,所以通过以下代码可将Js弹出框屏蔽掉,实现思路是对alert方法重写2014-09-09JavaScript操作XML/HTML比较常用的对象属性集锦
本文给大家介绍javascript操作xml/html比较常用的对象属性,涉及到js对象属性相关知识,对JavaScript操作XML/HTML比较常用的对象属性感兴趣的朋友可以参考下本文2015-10-10
最新评论