Implémentation de sauts planifiés vers des pages spécifiées en fonction des compétences JavaScript

Implémentation de sauts planifiés vers des pages spécifiées en fonction des compétences JavaScript_javascript

WBOY

Libérer： 2016-05-16 15:22:32

original

1700 Les gens l'ont consulté

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>

Copier après la connexion

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(second<0) {location.href='http://wwww.jb51.net';} , si le nombre est inférieur à zéro, il sautera.
3.else{}, sinon l'effet compte à rebours sera effectué.
4.if(navigator.appName.indexOf("Explorer")>-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.