ページを一定時間表示した後、ほかのページに自動的に遷移する方法
今回はJavaScriptを使って、一定時間経過後にページ遷移する方法を紹介します。
早速ですが、基本のコードはこちら。
|
1 2 3 |
<script type="text/javascript"> setTimeout(処理,3000); </script> |
setTimeoutというWindowオブジェクトのメソッドを使用します。
ここでいう3000とは処理秒数のことで、３秒になります。（ミリ秒で設定します。）
私のクライアントで、「アンドロイド端末だけ２秒後にページ遷移してほしい」というご依頼がありまして、そのコードを下記のように作成しました。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<script type="text/javascript"> //アンドロイド端末のみ、/home/ディレクトリに遷移する関数 function jumpPage(){ if ((navigator.userAgent.indexOf('Android') > 0 && navigator.userAgent.indexOf('Mobile') > 0) ) { location.href = '/home/'; } } //２秒後に処理を行うメソッド setTimeout("jumpPage()",2000); </script> |
このsetTimeoutは、今回の例ではページ遷移でしたが、処理の部分を変えると色々応用できます。
是非お試しください^^
公開日：2017年2月19日
最終更新日：2017年2月19日
