zoukankan      html  css  js  c++  java
  • js2——定时跳转

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>自动跳转</title>
    <style>
    p{
    text-align: center;
    }
    span{
    color: red;
    }
    </style>
    <script>
    /*
    * 分析:
    * 1、显示页面的效果<p>
    2、倒计时读秒数效果
    * 2.1定义一个方法获取span标签修改span标签体内的内容,时间
    * 2.2定义一个定时器1秒执行一个方法
    * 3、在方法中判断时间如果<=0,则跳转至首页
    *
    * */
    var second=5;
    var
    time=document.getElementById("time");
    function showtime() {
    //定义一个方法,获取span标签,修改span标签体内容、事件
    second--;
    if (second<=0){
    location.href="https://www.baidu.com";
    }

    time.innerHTML=second+"";
    }
    setInterval(showtime,1000);

    </script>
    </head>
    <body>
    <p>
    <span id="time">5秒</span>之后自动跳转至首页。。。
    </p>
    </body>
    </html>

  • 相关阅读:
    第十一章关联容器
    第十章泛型算法
    第九章
    第八章
    阅读记录
    java.lang.Class阅读笔记
    java.time包阅读笔记
    CLion运行多个main函数
    c++中lower_bound和upper_bound中的comp参数
    如何写dfs
  • 原文地址:https://www.cnblogs.com/soyadios/p/11963426.html
Copyright © 2011-2022 走看看