• yam天空
  • 天空部落
  • 新聞
  • 登入 註冊 網誌隨便逛
  • 加入天空部落

網誌 相簿 影音 PK吧! Honda嬉遊趣 設計裝潢‧宅樂活 大買家最便宜
即時新聞 影音新聞 新聞專輯 政治新聞 財經新聞 娛樂新聞 運動新聞 兩岸新聞 科技新聞
管理介面 發表網誌 發表日記 上傳相片 上傳影音 管理留言
推薦這個部落格: 123

靖 ● 技場

Jinn的心情點滴、軟體教學、Blog工具、資訊安全 網頁排名統計 site statistics




日記 |網誌 |影音 |相簿 |好友 |留言板
南港租屋心得 | 主頁 | Capture .Net --- 擷取色彩
March 18, 2006
自製計時器以文找文
jinnsblog 在天空部落發表於12:00:00 | 部落。美化
鼓勵此網誌:0 

首先要了解計時器和計數器不同喔,本文教的計時器蠻簡單的,可用來計算天數,可應用在「正數」或「倒數」,舉個例子來說:我畢業「X」天、再過「X」就是我的生日...等等的...!廢話不多說,只要你的網誌有支援Javascript,就可以使用這個自製的計時器...以下是計時器的語法:


【計時器語法,請拷貝 --- 分隔線包圍的語法才是】


 

前言<script language="javascript">
var Now=new Date();var Compare=new Date(2006,12-1,31);
Result=(Compare.getTime()-Now.getTime())/(24*60*60*1000);Result=Math.ceil(Result);
document.write("<b>"+Result+"</b>"); </script> 結語

 


 

「前言」和「結語」部分就是你要呈現的文字,請自行修改。
「Now」是目前的時間,而「Compare」是要比較的時間,也就是紅色的部分,這裡要注意是(12-1)地方,這個欄位是代表月份,因為程式是以0為開頭(即0代表1月、1代表2月,以此類推),所以在(12-1)的部分,你可以換掉12的部分就可以了,例如六月你就改成(6-1),八月你就改成(8-1)。

而語法中的「Result」就是最後的天數,剛有提到可以「正數」及「倒數」,其語法分述如下:
正數:Result=(Now.getTime()-Compare.getTime())
倒數:Result=(Compare.getTime()-Now.getTime())

請大家依自己的需求,將上面的正數或倒數替換到原來計時器語法的「藍色」部分;經這樣解說後,大家應該就可以知道,計時器語法中的範例是屬於倒數的吧。

當然,你也可以更進一步的計算到分、秒之類的,有需求的話再提出來吧...

PS:可以把上面的語法貼到自由欄位中,編輯時請不要使用自動換行....

Update : 06.11.02
根據定義:getTime() 會傳回自1970年1月1日午夜至目前的milliseconds(毫秒)數,故可推出下列等式!

1 second = 1000 毫秒
1 minute = second * 60
1 hour = minute * 60
1 day = hour * 24 = 1000 * 60 * 60 * 24 (文中的範例)
1 year = day * 365

因此,要計時成秒、分、時、年的狀況,只要在語法中除法分母的部分動手腳即可。

Technorati Tag : Counter

延伸閱讀:
.為單篇文章加入計數器

(Since 06.11.02)
Counter Stats
forex trading
forex trading Counter

留言 (28) | 引用 (4) | 人氣 () | 轉寄
此分類上一篇:Mini Vote 簡易投票機 | 主頁 | 此分類下一篇:簡述 MSN Space 的貼圖方法
引用 (你可以針對此文寫一篇屬於自己的blog/想法,並給作者一個通告)
引用
非限定於<自製計時器> 引用本文
提要:首先要了解計時器和計數器不同喔,本文教的計時器蠻簡單的,可用來計算天數,可應用在「正數」或「倒數」,舉個例子來說:我畢業「X」天、再過「X」就是我的生日...等等的...!廢話不多說,只要你的網誌有支援Javascript,就可以使用這個自製的計時器...以下是計時器的語法:【計時器語法,請拷貝 --- 分隔線包圍的語法才是】前言<script language="javascript">var Now=new Date();var Compare=new Date(200
引用時間: 2006-03-21 15:04:48
冰淇淋的寶盒於<計數器> 引用本文
提要:想跟我右邊欄位一樣有個計數器嗎?(我終於找到語法了~~泣~~~來看看此語法{我用我自己看懂的方式寫}前言<script language="javascript">var Now=new Date();var Compare=new Date(2006,12-1,31);Result=(Compare.getTime()-Now.getTime())/(24*60*60*1000);Result=Math.ceil(Result); document.write("
引用時間: 2006-04-21 12:23:14
廢業青年日記於<網誌改造紀事 II> 引用本文
提要:頁面底部日期計算的語法則來自Jinn's Tech Blog:自製計時器。感謝Jinn簡單明瞭的教學文章。
引用時間: 2006-04-26 23:01:42
留言 (28筆)
28.
謝謝~拿走囉!
另外我想更改天數的顏色..可以嗎?
語法應該放在哪?3Q
板主回覆:
可以,加上font color的語法<br><br>
document.write("<b><font color=#顏色代碼>"+Result+"</font></b>");
例如要變成紅色,就改成這樣:
document.write("<b><font color=#ff0000>"+Result+"</font></b>");
lionqueen86 於 2008-09-14 14:53:58 留言 |

27.
謝謝 我來試試看
新手滷肉腳 於 2006-11-03 11:58:52 留言 |

26.
To 新手滷肉腳
我已經更新文章,請看文中更新的部分
以你的例子來說,要算到秒的話,你的分母只要除以1000即可
Jinn 於 2006-11-02 11:43:54 留言 |

25.
請問一下
如果要計到秒要如何寫的
感恩唷
新手滷肉腳 於 2006-11-02 05:36:23 留言 |

24.
To 懶惰蟲
歡迎取用呀!就不知道你是前往工作呢?還是去遊玩呢...不管那一個!
都祝你順利、開心喔!
Jinn 於 2006-10-31 13:05:21 留言 |

23.
Hi Jinn, 我也開始用這個計時器,請它陪我一起倒數離開台灣的時間、正數住在上海的日子呢!謝謝你囉!
懶惰蟲 於 2006-10-31 11:26:05 留言 |

22.
To 上羽
歡迎引用...有空多交流..^_^
Jinn 於 2006-04-21 13:25:28 留言 |

21.
很好用︿︿,我引用去囉0.0~!!
上羽真弓 於 2006-04-21 12:25:30 留言 |

20.
哈哈哈~~
有ㄌ有ㄌ
謝謝喔
ㄧㄍ下午有仔細看著你的blog
好優ㄛ
娜娜是ㄍ電腦白痴咧
謝謝喔
娜娜 於 2006-04-01 19:53:06 留言 |

19.
To 娜娜
以我的例子來說,我是放在「自由欄位」上,設定時選「不自動換行」,若妳也是的話,另一個可能錯誤,是妳拷貝語法的時候,拷貝錯了!

http://home.pchome.com.tw/online/tcjinn/sample.zip
我幫你寫了語法,請妳拷貝上面的檔案,然後把裡面的語法全部貼到你的自由欄位中,記得選不自動換行,妳再試試看
倒數的效果,你要改Result的語法為:
Result=(Compare.getTime()-Now.getTime())
Jinn 於 2006-04-01 19:33:31 留言 |

18.
出現ㄉ只有語法,無法顯示倒數計時ㄋ
娜娜 於 2006-04-01 19:24:33 留言 |

17.
...
ㄝ是Yam Blog啊..

慘....
為何不行......
娜娜 於 2006-04-01 19:06:02 留言 |

16.
To 娜娜
語法上應該沒問題,請問你是發生什麼現象呢?(是沒顯示出來?還是顯示錯誤?)你是使用那一家的網誌?有支援Javascript嗎?說清楚一點,比較好幫忙解決問題
Jinn 於 2006-04-01 18:58:53 留言 |

15.
...為何大家都可以..
我ㄉ不能出來...
請幫忙看ㄧ下到底笨拙ㄉ手出ㄌ什ㄇ事情
娜娜ㄉblog有
var Now=new Date();var Compare=new Date(2005,8-1,31);
Result=(Now.getTime()-Compare.getTime())/
(24*60*60*1000);Result=Math.ceil(Result);
document.write(""+Result+"");天囉

笨拙ㄉ娜娜
娜娜 於 2006-04-01 17:40:21 留言 |

14.
好驚訝看到你的留言, 你也是V迷嗎? 他當然不是外星人, 他是上天特派來傳天使音的人.........
無憂無優 於 2006-03-27 10:19:58 留言 |

13.
To 無憂
歡迎取用,剛去看了一下你的網誌..看起來你很喜歡男高音Vitas喔
Jinn 於 2006-03-27 09:08:10 留言 |

12.
計時器我帶走了~~~~謝謝.....
無憂無優 於 2006-03-27 08:23:35 留言 |

11.
偶挖了計時器回家玩嚕︿︿
91 於 2006-03-26 13:55:44 留言 |

10.
謝謝你教的到數計時器,我現在上網只要看到還剩下幾天,就不敢沉迷在網路中,會冒冷汗....
Vichi 於 2006-03-21 21:20:58 留言 |

9.
我自己也不知道哪個是主站了
反正主要三個地方都會同步發行
新浪好像也蠻好玩的,它可以外掛程式,無名有點麻煩
謝謝你的指導,還讓你專程跑一趟瞧瞧,真是感恩丫!
幸好有你,沒有你還真是不行^_________^你是偶崇拜的偉人^@^
Bruwan 於 2006-03-21 18:53:21 留言 |

8.
我去看過了,你設定成功了喔...^_^
不過我現在都搞不清楚你的主站是那一個了?呵...
Jinn 於 2006-03-21 16:05:18 留言 |

7.
哇~親愛的指導教授
成功了,謝謝你!
甘溫啊,自己倒水喝囉^__________^
Bruwan 於 2006-03-21 15:16:04 留言 |

6.
謝謝指導教授!
Bruwan 於 2006-03-21 15:11:03 留言 |

5.
你是要顯示2006-02-08日到至今的話,那改成
Compare=new Date(2006,2-1,8)
Jinn 於 2006-03-21 14:42:22 留言 |

4.
以下是我的語法,怎會弄上去是網誌成立第237天?請幫我看看問題出在哪裡@@
救郎啊~~~快出現啦

網誌成立第var Now=new Date();var Compare=new Date(2006,02-8,28);Result=(Now.getTime()-Compare.getTime())/(24*60*60*1000);Result=Math.ceil(Result);
document.write(""+Result+""); 天
Bruwan 於 2006-03-21 14:30:07 留言 |

3.
不對啊
我怎麼2006-02-08成立到今天有237天呢?
快救命啊
救郎喔~~~Jinn
Bruwan 於 2006-03-21 14:27:05 留言 |

2.
我真是太笨了
以為這只有倒數計時而已
Bruwan 於 2006-03-21 14:16:03 留言 |

1.
把自製計時器拿去用囉~^_^~
謝嚕~
ya_yun 於 2006-03-18 13:03:21 留言 |

發表你的留言 (字數限制 最多 2000 個中文字)
私密留言: 是 否
Name:





是 否
內容:
系統公告
測試看看
快速連結
  • 訪客留言
  • Orkut邀請函
  • 本週熱門網頁排名
  • My vlog
  • 我的聊天室
  • 優格連結
  • 調色盤、色碼表
  • 得益網免費電子書!推薦!
  • 常用免費軟體下載
  • Syntax Highlight
一起來Plurk
Plurk.com
RSS訂閱
Subscribe in Rojo Subscribe in NewsGator Online Add to Google Subscribe in Bloglines
記事分類
  • 生活。心情 (14)
  • 部落。美化 (69)
  • 軟體。教學 (49)
  • 程式。設計 (4)
  • 電腦。技巧 (19)
  • 網站。資源 (32)
  • 時事。情報 (31)
  • 影音。娛樂 (26)
  • 文章。小品 (3)
  • 雜七。雜八 (8)
好時光貼曆
jinnsblog的最新的記事
  • 10月10日國慶日,即...
  • 天空有點灰!準備啟動搬...
  • WidgetBox...
  • VisitWidget...
  • [收集文]測試網路速度...
jinnsblog的最新的回應
  • oitftajw:
    加油~ ...
  • gvdpahgu:
    感謝分享~ ...
  • cyqrzpgr:
    謝謝分享~ ...
  • sqnzskvdz:
    不錯的BLOG~&my...
  • pgmevayaxbiz:
    很好~加油~ ...
最新的引用
  • Websites as...
  • KissYouTube...
  • [教學]...
  • EeePC...
  • Technorati...
好友、優格
  • Jinn's Blog 樂多備份站
  • Bruwan
  • 輕羽
  • 亞子國
  • TonyChou Walker
  • 瑞典妹辣喔
  • B&W Space黑白空間
  • Trends 2.0 (Vista)
  • Ressol's Blog
  • 梅問題.教學網
  • 尋找一些逝去的瞬間
  • MESON 手札 - 單車 相機 部落格
個人檔案
個人圖檔
ID:jinnsblog
暱稱:靖
地區:臺北市
  • 訂閱 |
    • 我要訂閱此部落格的
    • 日記
    • 網誌
    • 相簿
  • 好友 |
    • 好友功能
    • 觀看好友列表
    • 觀看人緣列表
  • 人氣 |
  • 簡介 

人氣指數(Since 06.11.30)
當日人次:
累積人次:
價值 / 影響力 / 評比
網誌排行 top-bloggers.com
Blog搜尋
搜尋:
其他連結
本網誌的推廣貼紙,歡迎取用 進入我的聊天室 本周熱門網頁排名 Jinn's Vlog 免費資源網路社群 Palacan!部落格聯播 寄信給我
誰推薦我
誰來我家
RSS 訂閱
RSS2
ATOM
贊助商
CC授權
其它資訊
本部落所刊登之內容,皆由作者個人所提供,不代表 yam 天空 本身立場。
POWERED BY
POWERED BY 天空部落
會員登入│免費註冊