编程 Javascript

JavaScript实现页面5秒后自动跳转的方法

Posted in Javascript onApril 16, 2015

这个JavaScript控制页面5秒后自动跳转的代码在很多开发中经常需要用到，感兴趣的朋友可以收藏一下！

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>JavaScript控制页面5秒后自动跳转的代码</title>
<script type="text/javascript"> 
function countDown(secs,surl){ 
 //alert(surl); 
 var jumpTo = document.getElementById('jumpTo');
 jumpTo.innerHTML=secs; 
 if(--secs>0){ 
  setTimeout("countDown("+secs+",'"+surl+"')",1000); 
 }
 else
 {  
  location.href=surl; 
 } 
} 
</script>
</head>
<body><span id="jumpTo">5</span>秒后自动跳转到https://3water.com/
<script type="text/javascript">
countDown(5,'https://3water.com/');
</script> 
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

- Author -

igoo

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

利用javascript解决图片缩放及其优化的代码

May 23 Javascript

javascript在子页面中函数无法调试问题解决方法

Jan 17 Javascript

jquery实现红色竖向多级向右展开的导航菜单效果

Aug 31 Javascript

解决js页面滚动效果scrollTop在FireFox与Chrome浏览器间的兼容问题的方法

Dec 03 Javascript

EasyUi中的Combogrid 实现分页和动态搜索远程数据

Apr 01 Javascript

jQuery的框架介绍

May 11 Javascript

jQuery Ajax 加载数据时异步显示加载动画

Aug 01 Javascript

JS基于HTML5的canvas标签实现炫目的色相球动画效果实例

Aug 24 Javascript

Webpack 之 babel-loader文件预处理器详解

Mar 23 Javascript

vue.js内置组件之keep-alive组件使用

Jul 10 Javascript

小程序如何使用分包加载的实现方法

May 22 Javascript

Node.js使用MongoDB的ObjectId作为查询条件的方法

Sep 10 Javascript

JavaScript实现随机替换图片的方法

Apr 16 #Javascript

jQuery实现在下拉列表选择时获取json数据的方法

Apr 16 #Javascript

jQuery控制元素显示、隐藏、切换、滑动的方法总结

Apr 16 #Javascript

jquery插件bxslider用法实例分析

Apr 16 #Javascript

JQuery显示、隐藏div的几种方法简明总结

Apr 16 #Javascript

JQuery显示隐藏页面元素的方法总结

Apr 16 #Javascript

JQuery显示隐藏DIV的方法及代码实例

Apr 16 #Javascript