5秒后跳转到另一个页面的js代码

 更新时间:2013年10月12日 08:48:32   作者:  
跳转到另一个页面的方法有很多,在本文将为大家详细介绍下js中如何实现5秒后跳转到另一个页面,感兴趣的朋友可不要错过
复制代码 代码如下:

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>5秒后跳转到另一个页面</title>

<script type="text/javascript">
var t = 5;
function countDown(){
var time = document.getElementById("time");
t--;
time.value=t;
if (t<=0) {
location.href="http://www.baidu.com";
clearInterval(inter);
};
}
var inter = setInterval("countDown()",1000);
//window.onload=countDown;
</script>

</head>
<body onload="countDown()">

<input type="text" readonly="true" value="5" id="time"/>

<!--也可以在这里写javascript代码,这样就不必在body标签中写onload="countDown()"。-->
</body>
</html>

相关文章

  • 微信小程序 接入腾讯地图的两种写法

    微信小程序 接入腾讯地图的两种写法

    这篇文章主要介绍了微信小程序 接入腾讯地图的两种写法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-01-01
  • JavaScript实现重力下落与弹性效果的方法分析

    JavaScript实现重力下落与弹性效果的方法分析

    这篇文章主要介绍了JavaScript实现重力下落与弹性效果的方法,结合实例形式分析了javascript重力下落及弹性效果的原理与具体实现技巧,需要的朋友可以参考下
    2017-12-12
  • 离开页面时检测表单元素是否被修改,提示保存的js代码

    离开页面时检测表单元素是否被修改,提示保存的js代码

    离开页面时,检测表单元素是否被修改,然后给出提示.防止用户错失修改的机会,提高用户体验。
    2010-08-08
  • JavaScript通过function定义对象并给对象添加toString()方法实例分析

    JavaScript通过function定义对象并给对象添加toString()方法实例分析

    这篇文章主要介绍了JavaScript通过function定义对象并给对象添加toString()方法,实例分析了javascript中function定义对象及添加方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • JS实现仿PS的调色板效果完整实例

    JS实现仿PS的调色板效果完整实例

    这篇文章主要介绍了JS实现仿PS的调色板效果,结合完整实例形式分析了javascript通过运算与动态操作页面元素实现调色板功能的相关操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2016-12-12
  • 谈一谈js中的执行环境及作用域

    谈一谈js中的执行环境及作用域

    这篇文章主要和大家一起谈一谈js中的执行环境及作用域,本文依据面试过程中遇到的问题进行探讨,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • JavaScript如何实现监听键盘输入和鼠标监点击

    JavaScript如何实现监听键盘输入和鼠标监点击

    这篇文章主要介绍了JavaScript如何实现监听键盘输入和鼠标监点击,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07
  • 小程序开发之uniapp引入iconfont图标以及使用方式

    小程序开发之uniapp引入iconfont图标以及使用方式

    uniapp本身是有icon组件的,但由于icon组件各端表现存在差异,所以我们可以通过使用iconfont的字体图标来弥补这些差异,下面这篇文章主要给大家介绍了关于小程序开发之uniapp引入iconfont图标以及使用方式的相关资料,需要的朋友可以参考下
    2022-11-11
  • 如何基于js判断浏览器版本

    如何基于js判断浏览器版本

    这篇文章主要介绍了如何基于js判断浏览器版本,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-02-02
  • JS自定义右键菜单实现代码解析

    JS自定义右键菜单实现代码解析

    这篇文章主要介绍了JS自定义右键菜单实现代码解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07

最新评论