Maison > Article > interface Web > Implémentation de sauts planifiés vers des pages spécifiées en fonction des compétences JavaScript_javascript
Dans certains scénarios, la page Web doit pouvoir accéder automatiquement à la page spécifiée après une heure spécifiée. Par exemple, si la page Web spécifiée est introuvable, la page 404 précédemment définie sera affichée et passera à la page spécifiée. page, ce qui suit est un morceau de code pour obtenir cet effet.
Le code est le suivant :
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>js指定时间之后跳转到指定页面代码实例</title> <script type="text/javascript"> function redirect() { if(second<0) { location.href='http://wwww.jb51.net'; } else { if(navigator.appName.indexOf("Explorer")>-1) { document.getElementById('totalSecond').innerText=second--; } else { document.getElementById('totalSecond').textContent=second--; } } } window.onload=function() { var second=document.getElementById('totalSecond').textContent; if(navigator.appName.indexOf("Explorer")>-1) { second=document.getElementById('totalSecond').innerText; } else { second = document.getElementById('totalSecond').textContent; } setInterval("redirect()",1000); } </script> </head> <body> <h1>找不到指定的页面</h1> <span id="totalSecond">3</span>秒后自动跳转到指定页面 </body> </html>
Le code ci-dessus peut accéder à la page spécifiée après trois secondes. Ce qui suit est une brève introduction au processus de mise en œuvre.
1.Principe de mise en œuvre :
Utilisez la fonction timer pour modifier le nombre dans l'élément span chaque seconde. Lorsque le nombre atteint zéro, la page passera au lien spécifié. Le principe est à peu près le même, je ne le présenterai pas ici. vous pouvez voir les commentaires du code.
2. Commentaires du code :
1.function redirect(){}, déclare une ambiguïté pour le saut.
2.if(second1656f187f442d92355d2ef216c59c60e-1), déterminez s'il s'agit d'un navigateur IE.
5.document.getElementById('totalSecond').innerText=second--, s'il s'agit d'un navigateur IE, utilisez l'attribut innerText pour définir la valeur numérique dans l'élément span.
6.document.getElementById('totalSecond').textContent=second--, d'autres navigateurs utilisent l'attribut textContent pour définir la valeur numérique dans l'élément span.
7.window.onload=function(){}, exécutez le code dans la fonction lorsque le document est complètement chargé.
8.if(navigator.appName.indexOf("Explorer")>-1){}, s'il s'agit d'un navigateur IE, utilisez l'attribut innerText pour obtenir le contenu de l'élément span.
9.second = document.getElementById('totalSecond').textContent, d'autres navigateurs standard utilisent l'attribut textContent pour obtenir la valeur de l'élément span.
10.setInterval("redirect()",1000), exécute la fonction timer toutes les secondes.
3. Lecture connexe :
1. La fonction indexof() se trouve dans le chapitre Explication détaillée de l'utilisation de la méthode lastIndexOf() en JavaScript .
2. Pour la fonction setInterval(), veuillez vous référer au chapitre Utilisation et différences entre setInterval() et setTimeout()Exemple d'introduction.
Le contenu ci-dessus est la description complète de la façon d'implémenter des sauts planifiés vers des pages spécifiées basés sur JavaScript partagé par l'éditeur. J'espère que vous l'aimerez.