JS两种方法实现当前时间显示-优快云博客

本文链接：https://blog.youkuaiyun.com/lidiansheng/article/details/7962899

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script>
  //方法一
  function showclock(){
	var weekarr = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
	var montharr = new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月");
	var date = new Date();
	var year = date.getFullYear();
	var month = montharr[date.getMonth()];
	var day = date.getDate()>=10?date.getDate():"0"+date.getDate();
	var weekday = weekarr[date.getDay()];
	var hour = date.getHours();
	hour=hour>=10?hour:"0"+hour;
	var min = date.getMinutes();
	min=min>=10?min:"0"+min;
	var sec = date.getSeconds();
	sec = sec>=10?sec:"0"+sec;
	var show = year+"年"+month+day+"日"+weekday+" "+hour+":"+min+":"+sec;
	document.getElementById("clockshow").innerHTML=show;
  }

  //方法二：不显示星期
  function clock(){
	var now = new Date();
	var show = now.toLocaleString();
	document.getElementById("clockshow").innerHTML=show;
  }


  function show(){
	setInterval("clock()",1000);
  }


  </script>
 </head>

 <body οnlοad="show()">
  <div  id="clockshow" style="height:100px;border:1px solid #000; text-align:center;">
  add
  </div>
 </body>
</html>