※ ChatGPTを利用し、要約された質問です(原文:カウントダウンタイマー 終了後別ページジャンプ)
カウントダウンタイマー 終了後別ページジャンプ
このQ&Aのポイント
はじめてのJavaScriptで作成したカウントダウンタイマーが正常に動作しない問題についてアドバイスをお願いします。
カウント終了後に別ページにジャンプするためのコードが正しく動作していないようです。何回もリロードされる問題やサーバーエラーが発生する問題について、解決方法を教えてください。
カウントダウンタイマーの実装では、カウント終了後にリダイレクトさせるために`window.location.href`を使用していますが、この部分が正しく動作していないようです。どのように修正すれば正常な動作が実現できるのか、ご教示いただけますか。
はじめてで
勉強中でカウントダウンタイマーをJavaScriptだけで作ってみました。
<script>
window.onload=function countDown(){
setInterval(function countDown(){
//自分で記述する
y = 2022;//年
m = 2;//月
d = 13;//日
xday = new Date(y,m-1,d,00,00,00);
today = new Date();
setTime = xday.getTime() - today.getTime();
//ミリ秒を日時に変換
days = Math.floor(setTime / 86400000);
jikan = Math.floor((setTime % 86400000) / 3600000);
hunn = Math.floor(((setTime % 86400000) / 60000) % 60);
byou = Math.floor(((setTime % 86400000) / 1000) % 60 % 60);
miri = Math.floor((setTime % 86400000) % 60 % 60 % 100);
//0-9には0を付け足す
if(jikan<10){jikan = '0' + jikan;}
if(hunn<10){hunn = '0' + hunn;}
if(byou<10){byou = '0' + byou;}
if(miri<10){miri = '0' + miri;}
//出力
if(xday > today){
var str = "残りあと"+"<span>"+days+"</span>"+"日"+"と"+"<span>"+jikan+"</span>"+":"+"<span>"+hunn+"</span>"+":"+"<span>"+byou+"</span>"+":"+"<span>"+miri+"</span>"+"<br />";
document.getElementById("countDown").innerHTML=str;
}else{
var str = "販売は終了致しました";
document.getElementById("countDown").innerHTML=str;
window.location.href = 'https://www.yahoo.co.jp/';
}
},10);
}
</script>
カウント終了後には別ページに5秒後にジャンプさせたいです。
上記のコードをWPに実装してページを開いてみると、
カウントダウンは動きます。
ただ、終了後に別ページにジャンプしません。
カウント終了後、何回もリロードされて、やっとページがジャンプしたと思ったら「サーバーエラー」となり画面が真っ白になります。
window.location.href = 'https://www.yahoo.co.jp/';
ここの書き方が間違っている・・と思うのですが、どうすれば正常に動くのかがわかりません。
アドバイスをお願いできないでしょうか。
よろしくお願いいたします。
お礼
たったこれだけだったんですね!? 気付かなかった・・・。 上手くいきました^^本当にありがとうございます。