ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript_javascript スキルに基づいて、指定されたページへのスケジュールされたジャンプを実装する

JavaScript_javascript スキルに基づいて、指定されたページへのスケジュールされたジャンプを実装する

WBOY
WBOYオリジナル
2016-05-16 15:22:321738ブラウズ

一部のシナリオでは、Web ページは、指定された時間後に指定されたページに自動的にジャンプできる必要があります。たとえば、指定された Web ページが見つからない場合、以前に設定された 404 ページが表示され、指定されたページにジャンプします。ページの次のコードは、この効果を実現するためのコードです。

コードは次のとおりです:

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

上記のコードは 3 秒後に指定されたページにジャンプします。以下に実装プロセスを簡単に紹介します。

1. 実装原則:

タイマー関数を使用して、span 要素の数値を 1 秒ごとに変更します。数値が 0 になると、ページが指定されたリンクにジャンプします。具体的には、ここでは説明しません。コードのコメントを参照できます。

2. コードのコメント:

1.function redirect(){}、ジャンプのあいまい性を宣言します。
2.if(second8219589b5319256c20f01a4472336ee8-1){}、IE ブラウザの場合は、innerText 属性を使用して、span 要素のコンテンツを取得します。
9.second = document.getElementById('totalSecond').textContent、他の標準ブラウザは textContent 属性を使用して、span 要素の値を取得します。
10.setInterval("redirect()",1000)、タイマー関数を毎秒実行します。

3. 関連記事:

1.indexof() 関数は、 JavaScript での lastIndexOf() メソッドの使用の詳細な説明 の章にあります。
2. setInterval() 関数については、「setInterval() と setTimeout() の使用法と相違点例の紹介」の章を参照してください。

上記の内容は、エディターによって共有される JavaScript に基づいて、指定されたページへのスケジュールされたジャンプを実装する方法の全体的な説明です。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。