JS实现的动态显示时间

来源：互联网发布：游戏显示器推荐知乎编辑：程序博客网时间：2024/05/21 22:59
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>JS实现的动态显示时间</title><script type="text/javascript">function timer(){      var date = new Date();      var year = date.getFullYear();      var month = date.getMonth()+1;      var day = date.getDate();      var week;         switch (date.getDay()) {   case 1 :    week = "一";   break;   case 2:   week = "二";   break;   case 3:   week = "三";   break;   case 4:   week = "四";   break;   case 5:   week = "五";   break;   case 6:   week = "六";   break;   case 7:       week = "日";     }   var hours = date.getHours();      var minutes = date.getMinutes();     var second = date.getSeconds();        // 格式化文字，美观作用   if(month < 10){ month = "0" + month;      }      if(day < 10){  day = "0" + day;      }      if(hours < 10){ hours = "0" + hours;      }      if(minutes < 10){ minutes = "0" + minutes;      }      if(second < 10){ second = "0" + second;      }      var dataTime = year + "年" + month + "月"+ day +"日" + "星期" + week + " " + hours + ":" + minutes + ":" + second;        var divTime = document.getElementById("time");      divTime.innerHTML = dataTime;    }// 表示每隔1s执行一次函数，用于刷新页面时间window.setInterval("timer()",1000);</script><style type="text/css">body {font-size: 36px;}</style></head><body><div id="time"></div></body></html>
0 0