JavaScript_javascript スキルに基づいて、指定されたページへのスケジュールされたジャンプを実装する-jsチュートリアル-php.cn

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

WBOY

リリース： 2016-05-16 15:22:32

オリジナル

1700 人が閲覧しました

一部のシナリオでは、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(second<0) {location.href='http://wwww.jb51.net';} 、数値が 0 未満の場合はジャンプします。
3.else{}。そうでない場合は、カウントダウン効果が実行されます。
4.if(navigator.appName.indexOf("Explorer")>-1)、IEブラウザかどうかを判断します。
5.document.getElementById('totalSecond').innerText=second -- IE ブラウザの場合は、innerText 属性を使用して、span 要素に数値を設定します。
6.document.getElementById('totalSecond').textContent=second--、他のブラウザは textContent 属性を使用して、span 要素に数値を設定します。
7.window.onload=function(){}、ドキュメントが完全にロードされたら、関数内のコードを実行します。
8.if(navigator.appName.indexOf("Explorer")>-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 に基づいて、指定されたページへのスケジュールされたジャンプを実装する方法の全体的な説明です。