javascript簡單擷取當前日期和時間(www.dayday28.com)
有時候可能會有這樣的需求,方便使用者看時間看日期。以前也不動手寫都是偷,今天無聊就自己也寫了個,挺簡單的。下面是,時間會每秒計算一次。Demo
下面是Html code:
<!DOCTYPE html><html class="no-js"><head> <meta charset="UTF-8"> <title>當期時間</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <style type="text/css"> .date{height:100px;line-height:100px;margin:0 auto;font-family:Arial, Helvetica, sans-serif;font-size:40px; border:solid 1px #ccc;box-shadow:0 0 3px rgba(0,0,0,0.3) inset;border-radius:5px;text-shadow:1px 1px 2px rgba(0,0,0,0.3);} .date strong{padding:0 10px;display:inline-block;height:100px;border-right:solid 1px #ccc;} </style></head><body> <h1>js簡單的擷取當前日期和時間</h1> <p class="date"> <strong id="Y"></strong> <strong id="MH"></strong> <strong id="TD"></strong> <strong id="D"></strong> <strong id="H"></strong> <strong id="M"></strong> <strong id="S"></strong> </p> <script type="text/javascript"> $(document).ready(function(){ setInterval(showTime, 1000); function timer(obj,txt){ obj.text(txt); } function showTime(){ var today = new Date(); var weekday=new Array(7) weekday[0]="星期一" weekday[1]="星期二" weekday[2]="星期三" weekday[3]="星期四" weekday[4]="星期五" weekday[5]="星期六" weekday[6]="星期日" var y=today.getFullYear()+"年"; var month=today.getMonth()+"月"; var td=today.getDate()+"日"; var d=weekday[today.getDay()]; var h=today.getHours(); var m=today.getMinutes(); var s=today.getSeconds(); timer($("#Y"),y); timer($("#MH"),month); timer($("#TD"),td); timer($("#D"),d); timer($("#H"),h); timer($("#M"),m); timer($("#S"),s); } }) </script> </body></html>