js 3秒后跳转页面的实现代码
更新时间:2014年03月10日 14:28:21 作者:
这篇文章主要介绍了js 3秒后跳转页面的实现代码,需要的朋友可以参考下
隔多少秒后自动跳转到其它页(js脚本)
方法一:
在<head></head>之间加入js
复制代码 代码如下:
<script language="javascript">
var secs = 3; //倒计时的秒数
var URL ;
function Load(url){
URL = url;
for(var i=secs;i>=0;i--)
{
window.setTimeout('doUpdate(' + i + ')', (secs-i) * 1000);
}
}
function doUpdate(num)
{
document.getElementById('ShowDiv').innerHTML = '将在'+num+'秒后自动跳转到主页' ;
if(num == 0) { window.location = URL; }
}
</script>
然后在<body>里面加上<body onload="Load('index.asp')"> index.asp为自己要跳转的页面。
在<body></body>之间加上<div id="ShowDiv"></div>
方法二:
复制代码 代码如下:
<p style="text-indent: 2em; margin-top: 30px;">
系统将在 <span id="time">5</span> 秒钟后自动跳转至新网址,如果未能跳转,<a href="https://www.jb51.net" title="点击访问">请点击</a>。</p>
<script type="text/javascript">
delayURL();
function delayURL() {
var delay = document.getElementById("time").innerHTML;
var t = setTimeout("delayURL()", 1000);
if (delay > 0) {
delay--;
document.getElementById("time").innerHTML = delay;
} else {
clearTimeout(t);
window.location.href = "https://www.jb51.net";
}
}
</script>
相关文章
用JavaScript将从数据库中读取出来的日期型格式化为想要的类型。
在页面初始化时,用JavaScript将从数据库中读取出来的日期型格式化为想要的类型。格式化为yyyy年MM月dd日 HH时mm分ss秒,大家可以参考下代码,自由发挥下。2009-08-08
使用iframe作为日历的载体,不再被select和flash等控件挡住的日期输入框
使用iframe作为日历的载体,不再被select和flash等控件挡住的日期输入框...2007-02-02
同一页面多个商品倒计时JS 基于面向对象的javascript
同一页面多个商品倒计时JS 基于面向对象的javascript实现代码,需要的朋友可以参考下2012-02-02
JS中getYear()和getFullYear()区别分析
js中得到当前年份做法是var dayObj=new Date(); dayObj.getYear()来得到年份,我前面写过这样会出现浏览器的兼容性的问题,就是在IE中能得到我们想要的结果但是在FF中就不行了,和我们要的结果相差1900年2014-07-07


最新评论