example03.html 997 B

12345678910111213141516171819202122232425262728293031323334353637
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. <style>
  7. #timer {
  8. float: right;
  9. }
  10. </style>
  11. </head>
  12. <body>
  13. <div id="timer"></div>
  14. <script>
  15. var weekdays = ['日', '一', '二', '三', '四', '五', '六'];
  16. var div = document.getElementById('timer');
  17. setInterval(function() {
  18. var date = new Date();
  19. var year = date.getFullYear();
  20. var month = date.getMonth() + 1;
  21. var day = date.getDate();
  22. var hour = date.getHours();
  23. var minute = date.getMinutes();
  24. var second = date.getSeconds();
  25. var weekday = weekdays[date.getDay()];
  26. var fullStr = year + '年' +
  27. (month < 10 ? '0' + month : month) + '月' +
  28. (day < 10 ? '0' + day : day) + '日&nbsp;&nbsp;' +
  29. (hour < 10 ? '0' + hour : hour) + ':' +
  30. (minute < 10 ? '0' + minute : minute) + ':' +
  31. (second < 10 ? '0' + second : second) + '&nbsp;&nbsp;' +
  32. '星期' + weekday;
  33. div.innerHTML = fullStr;
  34. }, 1000);
  35. </script>
  36. </body>
  37. </html>