js 自动读秒跳转几种方式

Bertha 。 2022-06-15 12:29 188阅读 0赞

/\*第一种 用setInterval()\*/

<!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script language="javascript" type="text/javascript">
    var i = 4;      /*这里不写5,写成4,是为了读秒视觉效果*/
    var res;
    res = setInterval("jump()", 1000);
    function jump()
    {
    if(i == 0){
    window.location.href = 'www.baidu.com';
    clearInterval(res);
    }
    document.getElementById("mes").innerHTML = i;
    i--;
    }
    </script>
    </head>
    <body>
    <div>
    <p>将在<span id="mes" style="color: red; font-weight: bold">5</span>秒后跳转...</p>
    </div>
    </body>
    </html>

/\*第二种 用setTimeout()\*/

<!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>js读秒跳转setTimeout</title>
    <meta http-equiv="refresh" content="5;url=www.baidu.com">
    <script language="javascript" type="text/javascript">
    var i = 5;
    var res;
    function jump()
    {
    document.getElementById("mes").innerHTML = "<font color='red'>" + i + "</font>";
    i -= 1;
    res = setTimeout("jump()", 1000);
    if(i <= 0){
    clearTimeout(res);
    }
    }
    window.onload = jump;
    </script>
    </head>
    <body>
    <div>
    页面将在<span id="mes">5</span>秒后跳转...
    </div>
    </body>
    </html>

发表评论取消回复

表情：

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

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

相关阅读

相关 js实现页面跳转的几种方式

第一种： <script language="javascript" type="text/javascript">

Dear 丶/ 2024年02月17日 15:10/ 0 赞/ 58 阅读

相关 JS跳转几种方式

<h2>如何使用js跳转代码</h2> <p>javascript常用的页面跳转方法为：</p> <p>window.location.href=some\_url;<

向右看齐/ 2023年09月23日 18:39/ 0 赞/ 119 阅读

相关 js页面跳转常用的几种方式

第一种：复制代码代码如下: <script language="javascript" type="text/javascript"> window.

布满荆棘的人生/ 2022年08月06日 05:15/ 0 赞/ 246 阅读

相关 js 自动读秒跳转几种方式

<!--setTimeout和setInterval区别：setInterval在执行完一次代码之后，经过了那个固定的时间间隔，它还会自动重复执行代码，而setTimeout只

Bertha 。/ 2022年06月15日 12:29/ 0 赞/ 189 阅读

相关 JS页面跳转和刷新的几种方式

1、跳转常用方法： window.location.href="index.php"; window.history.back(-1);//类似于按钮，

清疚/ 2022年06月08日 06:15/ 0 赞/ 290 阅读

相关 springMVC 几种页面跳转方式

原文地址：[点击打开链接][Link 1] 前面已经了解了Controller的几种配置方式今天主要写一下响应界面跳转的几种方式 1.在注解的方式中

落日映苍穹つ/ 2022年05月20日 05:24/ 0 赞/ 303 阅读

相关 JS跳转大概有以下几种方式

第一种：(跳转到a.html) <script language="javascript" type="text/javascript"> window.locatio

系统管理员/ 2022年01月31日 06:45/ 0 赞/ 176 阅读

相关 springMVC 几种页面跳转方式

1.在注解的方式中 1.1通过HttpServletResponse的API直接输出（不需要配置渲染器） > controller类的主要代码 @Cont

你的名字/ 2021年12月24日 09:39/ 0 赞/ 505 阅读

相关几种页面跳转的方式

页面跳转 1. 用<a>标签<a href=""></a> 2. 用window.location.href="" window.location=""

我会带着你远行/ 2021年12月18日 05:57/ 0 赞/ 468 阅读

相关 js页面跳转常用的几种方式

<script language="javascript" type="text/javascript"> window.location.href=

拼搏现实的明天。/ 2021年09月16日 05:58/ 0 赞/ 461 阅读