想在部落格側邊欄上放置特別節日的正數/倒數計時嗎?
試試以下程式吧!
其中,c[0]~c[3]的日期可以自己再增加
如果要再加日期,就再key上c[4]=new Date(西元年,月-1,日);
以此類推,可再增加c[5]、c[6]...
但要記得下面的HTML顯示部份也要再加上相對應的變數d[4]、d[5]、d[6]...
反之,如果不想要有這麼多計數器
也可以將多餘的變數刪除
另外,如果要倒數計時的話,只要在顯示部的變數d[]前方加上-即可!
<script language="javascript"> var c = new Array(); var d = new Array(); var Now = new Date(); c[0]=new Date(2011,5-1,6); //認識日期 c[1]=new Date(2011,10-1,20); //交往日期 c[2]=new Date(2014,6-1,8); //結婚日期 c[3]=new Date(2014,12-1,9); //出生日期 for(i=0;i<=c.length;i++){ d[i]=(Now.getTime()-c[i].getTime())/86400000); d[i]=Math.ceil(d[i]); } </script>HTML顯示部份:
與xxx認識了 <b><script>document.write(d[0]); </script></b> 天<br />(2011-05-06) <br /><br /> 與xxx交往了 <b><script>document.write(d[1]); </script></b> 天<br />(2011-10-20) <br /><br /> 與xxx結婚了 <b><script>document.write(d[2]); </script></b> 天<br />(2014-06-08) <br /><br /> 寶寶再 <b><script>document.write(d[3]); </script></b> 天出生!<br />(2014-12-09)
以上程式顯示結果如下:
與xxx認識了 天
(2011-05-06)
與xxx交往了 天
(2011-10-20)
與xxx結婚了 天
(2014-06-08)
寶寶再 天出生!
(2014-12-09)
(2011-05-06)
與xxx交往了 天
(2011-10-20)
與xxx結婚了 天
(2014-06-08)
寶寶再 天出生!
(2014-12-09)
全站熱搜