這篇文章主要介紹了JavaScript在瀏覽器標題欄上顯示當前日期和時間的方法,實例分析了javascript操作時間及DOM節點實現定時觸發的技巧,非常具有實用價值,需要的朋友可以參考下

本文實例講述了JavaScript在瀏覽器標題欄上顯示當前日期和時間的方法，分享給大家供大家參考。具體如下：

將這段腳本放到head區即可：

1. <script language="JavaScript"> 
2. <!-- 
3. function resetIt() { 
4. // Calculate Time 
5. var timerID = null; 
6. var timerRunning = false; 
7. if(timerRunning) 
8. clearTimeout(timerID); 
9. timerRunning = false; 
10. // getTime 
11. var timeNow = new Date(); 
12. var hours = timeNow.getHours(); 
13. var minutes = timeNow.getMinutes(); 
14. var seconds = timeNow.getSeconds(); 
15. var timeValue = "" + ((hours >12) ? hours -12 :hours) 
16. timeValue = ((timeValue <10)? "0":"") + timeValue 
17. timeValue += ((minutes < 10) ? ":0" : ":") + minutes 
18. timeValue += ((seconds < 10) ? ":0" : ":") + seconds 
19. timeValue += (hours >= 12) ? " PM" : " AM" 
20. timerID = setTimeout("resetIt()",100); 
21. timerRunning = true; 
22. // getDate 
23. var dateNow = new Date(); 
24. var days = new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'); 
25. var months = new Array('January','February','March','April','May','June','July','August','September','October','November','December'); 
26. var date = ((dateNow.getDate()<10) ? "0" : "")+ dateNow.getDate(); 
27. function y2k(number){return (number < 1000) ? number + 1900 : number;} 
28. // compileIt 
29. today = timeValue + " " + days[dateNow.getDay()] + " " + 
30. months[dateNow.getMonth()] + ", " + 
31. date + " " + 
32. (y2k(dateNow.getYear())); 
33. if(document.all || document.getElementById){ // Browser Check 
34. document.title = today.toString(); 
35. }else{ 
36. self.status = today.toString(); // Default to status. 
37. } 
38. } 
39. resetIt(); 
40. //--> 
41. </script> 

希望本文所述對大家的javascript程序設計有所幫助。