- ベストアンサー
ページに「○○まであと○日」というのを自動で表示させたい
ホームページに 「○○まであと○日」というのを表示させ、日付が変わるとカウントダウンするようにはできるでしょうか？ 今までは手動で更新していましたが休みの日などはちょっと不便でした。 良い方法をご存じの方教えて下さいm(_ _)m
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
以前、どっかで見かけた記述です。 ---------------------------- <SCRIPT LANGUAGE="JavaScript"> <!-- var now = new Date(); var xday = new Date(2004, 12-1, 10); count = Math.ceil( (xday.getTime() - now.getTime()) / (24*60*60*1000) ); document.write("<font color=lightgreen size=3>12月10日まで あと "); document.write(count); document.write("日 です</FONT>"); //--> </SCRIPT> ------------------------------
その他の回答 (2)
- OUHO
- ベストアンサー率28% (11/38)
これを<head>～</head>に↓ <script type="text/javascript"> <!-- var xday = new Date(2004, 12, 11); function countdown () { if(!document.getElementById) return; var obj = document.getElementById("count"); var now = new Date(); var dif = xday.getTime() - now.getTime(); if(dif < 0) return; var days = Math.floor(dif / (24*60*60*1000)); dif = dif % (24*60*60*1000); var hours = Math.floor(dif / (60*60*1000)); dif = dif % (60*60*1000); var mins = Math.floor(dif / (60*1000)); dif = dif % (60*1000); var secs = Math.floor(dif / 1000); var str = "○○日まであと<b class='num'>" + days + "<\/b>日<b class='num'>" + hours + "<\/b>時間<b class='num'>" + mins + "<\/b>分<b class='num'>" + secs + "<\/b>秒"; obj.innerHTML = str; setTimeout("countdown();", 1000); } //--> </script> <body>はこれを↓ <body onload="countdown();"> 表示させたい場所にこれを↓ <p id="count"></p> それぞれ入れていけば、できると思います。
- pizzapotato
- ベストアンサー率39% (37/93)
こんなのはいかがでしょうか？ http://homepage2.nifty.com/tomoarai/java/countdown.html
お礼
ご回答ありがとうございます。 他にも使えそうなテクニックがたくさんあるサイトを教えていただき参考にさせていただきます。
お礼
早速のご回答ありがとうございました。 おかげでやろうと思っていたことができました。