実装したいこと
Googleサイトにカウントダウン昨日を設置したい。
行ったこと
以下のページを参考に、カウントダウン機能を設置しました。
PCでは日数が表示されますが、Safari604.1では「経過しました」と表示されてしまいます。
Googleサイトでサーバーレスなカウントダウンサイトを作ってみた
対処したこと
iPhoneのキャッシュクリアしてみましたが、結果は変わらずでした。
どこを修正したらよいか、ご教示いただけますでしょうか。
どうぞよろしくおねがいします。
環境
各環境は以下のとおりです。
【PC】
OS:Windows10
ブラウザ:Chrome98.0.4758.102
【iPhone】
iPhone6
OS:iOS 12.5.4
ブラウザ:Safari604.1
コード
埋め込んだコードは以下のとおりです。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width",initial-scale=1> <title>Countdown</title> <style type="text/css"> /*書式初期化*/ html,body,h1,h2,h3,h4,ul,ol,dl,li,dt,dd,p,div,span,img,a,table,tr,th,td { border: 0; font-size: 100%; font-weight: normal; margin: 0; padding: 0; } body { /*フォント設定*/ color:#eb3211; font-size: 225%; text-align: center; font-weight: bold; font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'MS Pゴシック', 'MS PGothic', sans-serif; } </style> </head> <body> <div class="counter-text">期限 <span class="bold">令和4年3月15日</span>まで</div> <span class="counter-innertext">あと</span><div id="countOutput" class="bold"></div> <script LANGUAGE="JavaScript"> function dateCounter() { var timer = setInterval(function() { //現在の日時取得 var nowDate = new Date(); //カウントダウンしたい日を設定 var anyDate = new Date("2022/3/15 24:00:00"); //日数を計算 var daysBetween = Math.ceil((anyDate - nowDate)/(1000*60*60*24)-1); var ms = (anyDate - nowDate); if (ms >= 0) { //時間を取得 var h = Math.floor(ms / 3600000); var _h = h % 24; //分を取得 var m = Math.floor((ms - h * 3600000) / 60000); //秒を取得 var s = Math.round((ms - h * 3600000 - m * 60000) / 1000); //HTML上に出力 document.getElementById("countOutput").innerHTML = daysBetween + "日"; if ((h == 0) && (m == 0) && (s == 0)) { clearInterval(timer); document.getElementById("countOutput").innerHTML = "経過しました"; } }else{ document.getElementById("countOutput").innerHTML = "経過しました"; } }, 1000); } dateCounter(); </script> </body> </html>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2022/02/17 04:04