Maison > Article > interface Web > Implémentation de sauts planifiés vers des pages spécifiées en fonction des compétences JavaScript_javascript

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

WBOYoriginal: 2016-05-16 15:22:321736parcourir

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.

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

Article précédent：jQuery réalise l'effet d'animation d'affichage de nombres aléatoires des likes (avec démonstration en ligne et téléchargement du code source de la démo)_jqueryArticle suivant：jQuery réalise l'effet d'animation d'affichage de nombres aléatoires des likes (avec démonstration en ligne et téléchargement du code source de la démo)_jquery

Articles Liés

Voir plus