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

客官°小女子只卖身不卖艺 2022-07-13 13:29 143阅读 0赞

隔多少秒后自动跳转到其它页(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 οnlοad="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="http://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 = "http://www.jb51.net";
            }        
        } 
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，143人围观）

还没有评论，来说两句吧...

相关阅读

相关 android默认页面几秒后自动跳转另一页面

Android默认页面几秒后自动跳转另一页面 public class MainActivity extends AppCompatActivity {

小咪咪/ 2023年10月18日 12:49/ 0 赞/ 2 阅读

相关 JavaScript网页制作--五秒后自动跳转页面

JavaScript网页制作–五秒后自动跳转页面通常在浏览一些网站时，会出现网页不存在的情况，网页不存在之后，有些网站会在5秒后自动跳转到一个新的网页，比如网站的首页。

红太狼/ 2022年12月27日 01:16/ 0 赞/ 4656 阅读

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

隔多少秒后自动跳转到其它页(js脚本) 方法一：在<head></head>之间加入js <script language="javascript">

客官°小女子只卖身不卖艺/ 2022年07月13日 13:29/ 0 赞/ 144 阅读

相关页面5秒自动转跳

现象：设置页面5秒自动转跳方法：（1）： ![这里写图片描述][SouthEast] （2）： ![这里写图片描述][SouthEast 1] （3

约定不等于承诺〃/ 2022年06月08日 00:05/ 0 赞/ 199 阅读

相关 JS实现页面跳转，JS获取当前页面地址

JS有时候需要实现页面跳转，那么可以直接在某个事件触发中设置 location.href="/user/center/" 这样即可实现页面跳转。 \\

- 日理万妓/ 2022年05月27日 01:56/ 0 赞/ 321 阅读

相关 html5之间跳转页面传参，获取数据以及跳转后就执行页面的js代码

本次解决的内容如标题：html5之间跳转页面传数据以及跳转后就执行页面的js代码举个我的栗子：就是点击视频图片描述后，跳转到播放该视频的h5，因为跳转后视频播放页面vide

蔚落/ 2022年04月06日 03:52/ 0 赞/ 263 阅读

相关 js之5秒后跳转

1 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3U

旧城等待，/ 2022年03月20日 16:46/ 0 赞/ 311 阅读

相关 js实现页面跳转的方法

js实现页面跳转的方法 js实现页面跳转的三种方法如下：方法一：

红太狼/ 2020年06月06日 17:13/ 0 赞/ 879 阅读

相关利用js实现页面跳转

利用js实现页面跳转 js实现页面跳转可以使用“window.location.href="跳转地址"”方法；具体用法如下：

小灰灰/ 2020年06月01日 17:50/ 0 赞/ 898 阅读

相关 js实现页面跳转的方法

js实现页面跳转的方法

朱雀/ 2020年05月10日 16:38/ 0 赞/ 887 阅读