ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript_javascript スキルに基づいた Web ページのカウントダウン自動ジャンプ コードの実装

JavaScript_javascript スキルに基づいた Web ページのカウントダウン自動ジャンプ コードの実装

WBOY
リリース: 2016-05-16 15:23:11
オリジナル
1713 人が閲覧しました

JSを使用してWebページの自動ジャンプ機能を実現します。カウントダウン時間は自分で設定できます。時間が経過すると、指定したURLに自動的にジャンプします。 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 ベースの自動ページ カウントダウン ジャンプ コードです。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート