日付のカウントダウン

タイプ Sample  

タイプA
純粋に日付のカウントダウンのみをするタイプ

スクリプト

タイプB
22世紀までカウントダウンし、2101年を迎えたらメッセージを表示するタイプ

スクリプト
         
スクリプト(タイプA)

<Script Language="JavaScript">
date = new Date();
c21 = new Date("January 1,2101");                   //@
rest=Math.floor((c21.getTime()-date.getTime())/1000/3600/24);        //A
document.write("22世紀まで残り "+rest+"日です。");  //B
</Script>

         
スクリプト(タイプB)
<SCRIPT language="JavaScript">
<!--
the_day = new Date(2101,0,1)
function countdown() {
today = new Date()
days = Math.floor((the_day-today)/(24*60*60*1000))
hours = Math.floor(((the_day-today)%(24*60*60*1000))/(60*60*1000))
minutes = Math.floor(((the_day-today)%(24*60*60*1000))/(60*1000))%60
seconds = Math.floor(((the_day-today)%(24*60*60*1000))/1000)%60%60
if((the_day - today) > 0){
document.f.days.value = "22世紀まで残り"+days+"日"+"と"+hours+"時間"+minutes+"分"+seconds+"秒"
}else{
document.f.days.value = "22世紀だ!!"
}
tid = setTimeout('countdown()', 1000)
}
// -->
</SCRIPT>


<FORM NAME=f>
<INPUT TYPE=text SIZE=45 NAME=days>
</FORM>

<SCRIPT Language="JavaScript">
countdown();
</SCRIPT>