js动态时钟_js动态时钟2020年4月19日21:52:21到2020年4月19日22:07:07-CSDN博客

本文链接：https://blog.csdn.net/gebidashu200/article/details/16968097

<!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=gb2312" />
<title>动态时钟</title>
<script type="text/javascript">
function showDate(){
  var today=new Date();
  var year=today.getFullYear();
  var month=today.getMonth()+1;
  var day=today.getDate();
  var week=today.getDay();
  switch(week){
   case 0:week="日";break;
   case 1:week="一";break;
   case 2:week="二";break;
   case 3:week="三";break;
   case 4:week="四";break;
   case 5:week="五";break;
   case 6:week="六";break;
  }
  var h=today.getHours();
  var m=today.getMinutes();
  if(m<10){
   m="0"+m;
  }
  var s=today.getSeconds();
  if(s<10){
   s="0"+s;
  }
  document.getElementById("msg1").innerHTML="今天是"+year+"年"+month+"月"+day+"日"+"   星期"+week+"<br/>";
  document.getElementById("msg2").innerHTML="现在时间："+h+":"+m+":"+s;
}
setInterval("showDate()",1000);//每1000毫秒调用一次该方法
</script>
</head>