本文實例講解了javascript動態時鐘效果的實現方法,分享給大家供大家參考,具體內容如下
實現代碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>動態時鐘</title> <script type="text/javascript"> //在網頁上輸出:今天的日期、星期、現在的時間(動態時鐘) function start() { var today=new Date(); var year=today.getFullYear(); var month=today.getMonth()+1; var day=today.getDate(); var hours=today.getHours(); var minutes=today.getMinutes(); var seconds=today.getSeconds(); //如果是單位數字,前面補0 month=month<10? "0"+month :month; day=day<10? "0"+day :day; hours=hours<10? "0"+hours :hours; minutes=minutes<10? "0"+minutes :minutes; seconds=seconds<10? "0"+seconds :seconds; //時間信息連成字符串 var str="今天是"+year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds; //獲取id=result的內容 var obj=document.getElementById("result"); obj.innerHTML=str; //延時器 window.setTimeout("start()",1000); } </script> </head> <body onload="start()"> <div id="result"></div> </body> </html>
希望本文所述對大家學習javascript程序設計有所幫助。