js获取当前日期,网页头部用

最新推荐文章于 2024-12-13 10:18:23 发布

weixin_30879833

最新推荐文章于 2024-12-13 10:18:23 发布

阅读量62

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/snake-hand/p/3149589.html

本文介绍了一种使用JavaScript实现在HTML页面上实时显示当前日期和时间的方法。通过获取当前时间并将其格式化，然后每秒更新一次页面上的文本输入框来实现。此技术适用于需要在网页上显示实时时间的应用场景。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <script type="text/javascript">
     function bodyLoad(){
	      var dateTime=new Date();
          var hh=dateTime.getHours();
		  if(hh<10) hh = '0' + hh;
          var mm=dateTime.getMinutes();
		  if(mm<10) mm = '0' + mm;
		  var ss=dateTime.getSeconds();
          if(ss<10) ss = '0' + ss;
		  var yy=dateTime.getFullYear();
		  
		  var MM=dateTime.getMonth()+1;  //因为1月这个方法返回为0，所以加1
		  var dd=dateTime.getDate();

		  var week=dateTime.getDay();

var days=[ "日 ", "一 ", "二 ", "三 ", "四 ", "五 ", "六 ",] 

		  document.getElementById("date").value=yy+"年"+MM+"月"+dd+"日 "+"星期"+days[week] ;
		  document.getElementById("time").value=hh+":"+mm+":"+ss;

		  setTimeout(bodyLoad,1000);
	 }
  </script>
 </head>

 <body  onload="bodyLoad()">

<input type="text" id="date" style="border:0 none;" /><input type="text" id="time" style="border:0 none;" />
 </body>
</html>

转载于:https://www.cnblogs.com/snake-hand/p/3149589.html