setTimeout函数兼容各主流浏览器运行执行效果实例


Posted in Javascript onJune 13, 2013

目前这个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>
Javascript 相关文章推荐
利用json获取字符出现次数的代码
Mar 22 Javascript
Jquery实现带动画效果的经典二级导航菜单
Mar 22 Javascript
JavaScript数组深拷贝和浅拷贝的两种方法
Apr 16 Javascript
页面刷新时记住滚动条的位置jquery代码
Jun 17 Javascript
jQuery应用之jQuery链用法实例
Jan 19 Javascript
点评js异步加载的4种方式
Dec 22 Javascript
webpack常用配置项配置文件介绍
Nov 07 Javascript
Javascript仿京东放大镜的效果
Mar 01 Javascript
Vue实现动态创建和删除数据的方法
Mar 17 Javascript
ES6入门教程之Array.from()方法
Mar 23 Javascript
详解Vue中CSS样式穿透问题
Sep 12 Javascript
Vue中rem与postcss-pxtorem的应用详解
Nov 20 Javascript
JQuery 操作/获取table具体代码
Jun 13 #Javascript
js获取dom的高度和宽度(可见区域及部分等等)
Jun 13 #Javascript
如何使Chrome控制台支持多行js模式——意外发现
Jun 13 #Javascript
jQuery插件的写法分享
Jun 12 #Javascript
jQuery 淡出一个图像到另一个图像的实现代码
Jun 12 #Javascript
单击浏览器右上角的X关闭窗口弹出提示的小例子
Jun 12 #Javascript
Jquery 表单验证类介绍与实例
Jun 09 #Javascript
You might like
php 数学运算验证码实现代码
2009/10/11 PHP
php中强制下载文件的代码(解决了IE下中文文件名乱码问题)
2011/05/09 PHP
Symfony2框架学习笔记之HTTP Cache用法详解
2016/03/18 PHP
THinkPHP获取客户端IP与IP地址查询的方法
2016/11/14 PHP
PHP文件后缀不强制为.php方法
2019/03/31 PHP
IE 下的只读 innerHTML
2009/08/21 Javascript
使用JS进行目录上传(相当于批量上传)
2010/12/05 Javascript
jQuery setTimeout传递字符串参数报错的解决方法
2014/06/09 Javascript
JavaScript实现在数组中查找不同顺序排列的字符串
2014/09/26 Javascript
jquery简单实现图片切换效果的方法
2015/05/12 Javascript
使用coffeescript编写node.js项目的方法汇总
2015/08/05 Javascript
如何使用Bootstrap的modal组件自定义alert,confirm和modal对话框
2016/03/01 Javascript
BootStrap实现树形目录组件代码详解
2016/06/21 Javascript
Jquery EasyUI $.Parser
2017/06/02 jQuery
WdatePicker.js时间日期插件的使用方法
2017/07/26 Javascript
微信小程序如何像vue一样在动态绑定类名
2018/04/17 Javascript
微信小程序获取音频时长与实时获取播放进度问题
2018/08/28 Javascript
微信小程序wx.navigateTo方法里的events参数使用详情及场景
2020/01/07 Javascript
js实现验证码功能
2020/07/24 Javascript
解决vue props传Array/Object类型值,子组件报错的情况
2020/11/07 Javascript
对于Python异常处理慎用“except:pass”建议
2015/04/02 Python
Python实现的双色球生成功能示例
2017/12/18 Python
python使用xslt提取网页数据的方法
2018/02/23 Python
PyTorch搭建一维线性回归模型(二)
2019/05/22 Python
django 自定义filter 判断if var in list的例子
2019/08/20 Python
python统计文章中单词出现次数实例
2020/02/27 Python
Hanky Panky官方网站:内衣和睡衣
2019/07/25 全球购物
英国美术用品购物网站:Cass Art
2019/10/08 全球购物
乌克兰品牌化妆品和香水在线商店:Bomond
2020/01/14 全球购物
北京银河万佳Java面试题
2012/03/21 面试题
优秀干部获奖感言
2014/01/31 职场文书
股权投资意向书
2014/04/01 职场文书
2014小学二年级班主任工作总结
2014/12/05 职场文书
2015年大学元旦晚会活动策划书
2014/12/09 职场文书
2015年求职自荐信范文
2015/03/04 职场文书
redis复制有可能碰到的问题汇总
2022/04/03 Redis