ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript_javascript スキルに基づいて、指定されたページへのスケジュールされたジャンプを実装する
JavaScript_javascript スキルに基づいて、指定されたページへのスケジュールされたジャンプを実装する
- WBOYオリジナル
- 2016-05-16 15:22:321811ブラウズ
一部のシナリオでは、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 に基づいて、指定されたページへのスケジュールされたジャンプを実装する方法の全体的な説明です。