当前位置: 首页 > Notes > JavaScript > 使用JavaScript倒计时跳转到指定网页

使用JavaScript倒计时跳转到指定网页

发布于:2014-11-28 最后更新:2018-10-3 JavaScript 5条评论 8,502 views
本站提供Linux服务器运维,自动化脚本编写等服务,如有需要请联系博主微信:xiaozme

某些朋友的顶级域名可能暂时不打算使用,想利用此页面跳转到其它网站怎么办呢?利用JavaScript进行倒计时,不仅让用户看到了通知还达到了跳转目的,写了一段简单的js做个记录。复制下面的代码并另存为xxx.html

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="小z">
  <meta name="Keywords" content="男女派">
  <meta name="Description" content="男女派">
  <title>男女派官网</title>
  <style type = "text/css">
    body {
        font-family:微软雅黑;
        font-size:14px;
    }
    .show {
        width:600px;
        height:auto;
        margin-left:auto;
        margin-right:auto;
        margin-top:12%;
        text-align:center;
        /*background-color:#fffcef;*/
        /*border:1px solid #ff7102;*/
        color:#33cc33;
        padding:10px;
        line-height:20px;
    }
    .show a {
        text-decoration:none;
        color:#0066cc;
    }
  </style>
 </head>
 <body onload = "jump()">
  <div class = "show">
    <center><img src = "https://cdn.xiaoz.top/wp-content/uploads/2014/11/loading.gif" width = "120" height = "120" /></center>
    网站正在建设中...敬请期待。<span id = "hm">5</span>秒后将跳转到男女派博客!<br />
    如果5秒后无反应,请<a href = "http://blog.nannvpai.com" title = "访问男女派博客">点此链接</a>。
  </div>
  <script>
    function url() {
        document.location= "http://blog.nannvpai.com";
    }

    function foure() {
        document.getElementById("hm").innerHTML = 4;

        setTimeout("three()",1000);

    }

    function three() {
        document.getElementById("hm").innerHTML = 3;
        setTimeout("two()",1000);
    }
    function two() {
        document.getElementById("hm").innerHTML = 2;
        setTimeout("one()",1000);
    }
    function one() {
        document.getElementById("hm").innerHTML = 1;
        setTimeout("zero()",1000);
    }
    function zero() {
        document.getElementById("hm").innerHTML = 0;
        return url();
    }

    function jump() {
        var t = setTimeout("foure()",1000);
    }
  </script>

 </body>
</html>
演示地址:www.nannvpai.com

标签:

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注


已有5条评论