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 相关文章推荐
Display SQL Server Login Mode
Jun 21 Javascript
仿163填写邮件地址自动显示下拉(无优化)
Nov 05 Javascript
JS在IE和FireFox之间常用函数的区别小结
Mar 12 Javascript
js事件(Event)知识整理
Oct 11 Javascript
JQueryEasyUI datagrid框架的基本使用
Apr 08 Javascript
Javascript 鼠标移动上去 滑块跟随效果代码分享
Nov 23 Javascript
理解AngularJs篇:30分钟快速掌握AngularJs
Dec 23 Javascript
jQuery中库的引用方法
Jan 06 jQuery
详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
Mar 06 Javascript
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
vue动态绑定class选中当前列表变色的方法示例
Dec 19 Javascript
JavaScript简单实现动态改变HTML内容的方法示例
Dec 25 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/08/14 PHP
php绘图之加载外部图片的方法
2015/01/24 PHP
PHP实现基于3DES算法加密解密字符串示例
2018/08/24 PHP
PHP const定义常量及global定义全局常量实例解析
2020/05/28 PHP
从Ajax到JQuery Ajax学习
2007/02/14 Javascript
jquery使用jquery.zclip插件复制对象的实例教程
2013/12/04 Javascript
IE下Ajax缓存问题的快速解决方法(get方式)
2014/01/09 Javascript
跟我学习javascript的函数和函数表达式
2015/11/16 Javascript
详解JavaScript时间格式化
2015/12/23 Javascript
Highcharts入门之基本属性
2016/08/02 Javascript
jQuery给指定的table动态添加删除行的操作方法
2016/10/12 Javascript
利用React-router+Webpack快速构建react程序
2016/10/27 Javascript
jQuery 中msgTips 顶部弹窗效果实现代码
2017/08/14 jQuery
bootstrap时间插件daterangepicker使用详解
2017/10/19 Javascript
如何通过JS实现转码与解码
2020/02/21 Javascript
30分钟搭建Python的Flask框架并在上面编写第一个应用
2015/03/30 Python
python虚拟环境virtualenv的使用教程
2017/10/20 Python
python机器学习理论与实战(二)决策树
2018/01/19 Python
Python应用库大全总结
2018/05/30 Python
python实现自动网页截图并裁剪图片
2018/07/30 Python
python匹配两个短语之间的字符实例
2018/12/25 Python
Python数据库小程序源代码
2019/09/15 Python
解决Keyerror ''acc'' KeyError: ''val_acc''问题
2020/06/18 Python
Python中的特殊方法以及应用详解
2020/09/20 Python
python切片作为占位符使用实例讲解
2021/02/17 Python
100%法国制造的游戏和玩具:Les Jouets Français
2021/03/02 全球购物
幼儿园庆六一游园活动方案
2014/01/29 职场文书
护理专业毕业生自荐书
2014/05/24 职场文书
品质标语大全
2014/06/21 职场文书
中国梦演讲稿范文
2014/08/28 职场文书
授权委托书范本(单位)
2014/09/28 职场文书
2014年保卫工作总结
2014/12/05 职场文书
健康证明
2015/06/19 职场文书
Java使用jmeter进行压力测试
2021/07/09 Java/Android
CSS中妙用 drop-shadow 实现线条光影效果
2021/11/11 HTML / CSS
Win11 KB5015814遇安装失败 影响开始菜单性能解决方法
2022/07/15 数码科技