js 3秒后跳转页面的实现代码

2014-03-10 46

隔多少秒后自动跳转到其它页(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://3water.com" 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://3water.com";
        }        
    } 
</script>
展开阅读全文

更多Javascript文章

Jquery cookie操作代码
Mar 14 44
在JavaScript中处理字符串之link()方法的使用
Jun 08 44
JavaScript 对象深入学习总结(经典)
Sep 29 48
Vue实现按钮旋转和移动位置的实例代码
Aug 09 51
JS中通过url动态获取图片大小的方法小结(两种方法)
Oct 31 48
小程序如何使用分包加载的实现方法
May 22 43
layui按条件隐藏表格列的实例
Sep 19 48
手机访问当前页面