想在部落格側邊欄上放置特別節日的正數/倒數計時嗎?
試試以下程式吧!
其中,c[0]~c[3]的日期可以自己再增加
如果要再加日期,就再key上c[4]=new Date(西元年,月-1,日);
以此類推,可再增加c[5]、c[6]...
但要記得下面的HTML顯示部份也要再加上相對應的變數d[4]、d[5]、d[6]...
反之,如果不想要有這麼多計數器
也可以將多餘的變數刪除
另外,如果要倒數計時的話,只要在顯示部的變數d[]前方加上-即可!

JS程式:
<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)

bshadow 發表在 痞客邦 PIXNET 留言(0) 人氣()