基于JavaScript实现网页倒计时自动跳转代码

前端技术 2023/09/02 JavaScript

用JS实现网页上的自动跳转功能，倒计时跳转至指定网页，倒计时间可自设，时间到则自动跳转到指定的网址，对于JS来说，实现该似乎挺简单哦，用IIS上的301也可实现跳转，以及mete标签也可以实现自动跳转，根据你自己的需要了。

<title>JS倒计时网页自动跳转代码</title>  
<script language=\"JavaScript\" type=\"text/javascript\">
  function delayURL(url) {
    var delay = document.getElementById(\"time\").innerHTML;
    if(delay > 0) {
      delay--;
      document.getElementById(\"time\").innerHTML = delay;
    } else {
      window.top.location.href = url;
    }
    t = setTimeout(\"delayURL(\'\" + url + \"\')\", 1000);
  }
function stop1(){  
t && clearTimeout(t);
}
</script>
<span id=\"time\" style=\"background: #00BFFF\">1000</span>秒钟后自动跳转，如果不跳转，请点击下面的链接<a href=\"http://www.baidu.com\">我的百度</a>
<input type=\"button\" value=\"停止跳转\" onclick=\"stop1();\">
<script type=\"text/javascript\">
delayURL(\"http://www.baidu.com\");
</script>

以上内容是小编给大家分享的基于JavaScript实现网页倒计时自动跳转代码 ，希望大家喜欢。

本文地址：https://www.stayed.cn/item/5122

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案