Java Script 中的時間物件

Java Script中的時間物件

課程內容 • 認識date的Properties及method • 認識下拉式清單方塊（select）的Properties及method

準備工作 • 檢查是否已有 c:\temp\自己的學號\js-9 • 若有，請清除裡面所有的檔案 • 若否，建立新目錄 c:\temp\自己的學號\js-9

下載JavaScript的 date範例 • 請使用IE連結至 http://www.cc.nctu.edu.tw/~twli/ • 請至「JavaScript教學」「下載「時間物件」的教材」 • 下載「date.htm」將此檔案存至「 c:\temp\自己的學號\js-9」中 • 使用FrontPage開啟‘test1.htm’的網頁，並移至「一般」模式如右下圖

Date物件的方法法 • var now = new Date(); • 宣告now這變數存入網頁一開始的時間狀態（當時date的物件） • var day = now.getDay(); • 取得now中的星期，由0（星期天）至6（星期六） • var month = now.getMonth(); • 取得now中的月份，由0（1月）至11（12月） • var year = now.getFullYear(); • 取得now中的西元年份，由4位數表示 • var date = now.getDate(); • 取得now中的日期，由1（1日）至31（31日） • var hour = now.getHours(); • 取得now中的時數，由0到23 • var min = now.getMinutes(); • 取得now中的分數，由0至59 • var sec = now.getSeconds(); • 取得now中的秒數，由0至59

列印現在的日期與時間 • 今天的日期為： • <script> • var mm = month+1; • document.write(year+"年"+mm+"月"+date+"日"); • </script> • 今天的星期為： • <script> • document.write(dayNames[day]); • </script> • 現在的時間為： • <script> • document.write(hour+"點"+min+"分"+sec+"秒"); • </script>

認識date物件本身的格式 • var now = new Date(); • 當下的時間 • var now = new Date(“December 25, 2004”); • var now = new Date(“Dec 25, 2004”); • 2004年12月25日 • var now = new Date(“Dec 25, 2004, 6:25:22”); • 2004年12月25日6點25分22秒

時間相減及習作一 • var ny=new Date(“Jan, 7, 2005"); • var gap = ny.getTime() - now.getTime(); • getTime方法是指從1970年1月1日0點0時0分開始算起的總毫秒數（10-3 sec） • gap = Math.floor(gap / (1000 * 60 * 60 * 24)); • 此式用來算現在距離2005年1月7日還有幾天 • 習作一： • 2005年的農曆新年為2005年2月9日，請完成「今天距離2005年的農曆新年還有」敘述。

習作二：查星期 • 利用函式將下拉式清單方塊，所選的value，一一的串連以文字的形式起來成為一個標準day的格式，如 “Dec 25, 2004” • 使用一變數x存入上面的日期，如x= “Dec 25, 2004” • 宣告新變數qday，如var qday = new Date(x); • 然後取出qday中的星期，利用此數取出dayNames陣列所相對應的「星期」文字。最將此文字置於F1.T1.value

習作三：計算在此網頁待的時間 • 當你按下「計算出你在此網頁待的時間」，去呼叫一函式 • 此函式將宣告另一變數存入當時的date物件 • 如var newest = new Date() • 注意：new 代表的是網頁剛開啟的時間，而 newest 代表的是按下「計算出你在此網頁待的時間」瞬間的時間。 • 利用時間的相減將new與newest至間的秒數與分數算出，並在F1.T2.value印出所待的時間

JS Homework 9 • 請於12月31日午夜前email通知助教 • aquaion22@edirect168.com • 學號、姓名及你個人網頁的網址。(10%) • 將今天的上課所做表單網頁完成並完成所有的作業，將「js-9」整個目錄上傳至WWW，並在目錄框架中為其增加新的超連結(10%) • HW1： (20%) • 今天距離2005年的農曆新年還有 • HW2： (30%) • 查星期 • HW3： (30%) • 計算在此網頁待的時間

Java Script 中的時間物件