Maison >interface Web >js tutoriel >Implémentation d'un code de saut automatique du compte à rebours des pages Web basé sur les compétences JavaScript_javascript

Implémentation d'un code de saut automatique du compte à rebours des pages Web basé sur les compétences JavaScript_javascript

WBOY
WBOYoriginal
2016-05-16 15:23:111716parcourir

Utilisez JS pour réaliser la fonction de saut automatique sur la page Web. Le compte à rebours passera à la page Web spécifiée. Le temps du compte à rebours peut être défini par vous-même. Lorsque le temps est écoulé, il passera automatiquement à l'URL spécifiée. Pour JS, cela semble assez simple à implémenter. Vous pouvez également utiliser 301 sur IIS pour réaliser un saut, et la balise mete peut également réaliser un saut automatique, selon vos propres besoins.

<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>

Le contenu ci-dessus est le code de saut de compte à rebours automatique basé sur JavaScript partagé par l'éditeur. J'espère qu'il vous plaira.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn