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>

相关文章

  • 前端 javascript 实现文件下载的示例

    前端 javascript 实现文件下载的示例

    这篇文章主要介绍了前端 javascript 实现文件下载的示例
    2020-11-11
  • JavaScript实现旋转木马轮播图

    JavaScript实现旋转木马轮播图

    这篇文章主要为大家详细介绍了JavaScript实现旋转木马轮播图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • 谈谈JavaScript中的垃圾回收机制

    谈谈JavaScript中的垃圾回收机制

    这篇文章主要介绍了JavaScript中的垃圾回收机制,帮助大家更好的理解和使用JavaScript,感兴趣的朋友可以了解下
    2020-09-09
  • webpack proxy 使用(代理的使用)

    webpack proxy 使用(代理的使用)

    这篇文章主要介绍了webpack proxy 使用(代理的使用),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-01-01
  • 基于Javascript实现二级联动菜单效果

    基于Javascript实现二级联动菜单效果

    这篇文章主要为大家详细介绍了基于Javascript实现二级联动菜单效果的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • 使用JSON.parse将json字符串转换成json对象的时候会出错

    使用JSON.parse将json字符串转换成json对象的时候会出错

    使用JSON.parse将json字符串转换成json对象的时候会出错,主要是双引号,回车换行等影响明显,左尖括号和右尖括号也会导致显示问题
    2014-09-09
  • javascript中CheckBox全选终极方案

    javascript中CheckBox全选终极方案

    在javascript页面中实现CheckBox或者Radio的选中状态是一件很容易的事情,下面我们来给大家展示下在asp.net中使用javascript中CheckBox全选终极方案,有需要的小伙伴可以参考下。
    2015-05-05
  • JS数组reduce你不得不知道的25个高级用法

    JS数组reduce你不得不知道的25个高级用法

    reduce作为ES5新增的常规数组方法之一,对比forEach 、filter和map,在实际使用上好像有些被忽略,下面这篇文章主要给大家介绍了关于JS数组reduce你不得不知道的25个高级用法,需要的朋友可以参考下
    2021-06-06
  • 微信小程序实现列表左右滑动

    微信小程序实现列表左右滑动

    这篇文章主要为大家详细介绍了微信小程序实现列表左右滑动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • js 中的console使用示例详解

    js 中的console使用示例详解

    console 是 JavaScript 提供的一个全局对象,常用于调试和日志记录,它包含一组方法,用于在控制台中打印消息、显示数据以及调试程序,本文介绍js 中的console使用示例,感兴趣的朋友一起看看吧
    2024-12-12

最新评论