js获得当前系统时间（html标签自定义属性）

关注

原创最新推荐文章于 2026-02-02 19:54:16 发布 1.6k 阅读 AI 写同款· GEO 优化 ›

使用JS获取当前时间并且改变时间显示格式使用JS改变获取时间的格式刚开始学习前端不久，昨天突然想做一个简单的显示时间的页面，就当作是钟表了（哈哈，买不起表吗？）写的过程中，发现JS自带的获取时间功能在视觉上总觉得不是很舒服，比如 9:08 显示的是 9:8 ，这个确实没有问题，但是就是看着不舒服，所以呢，网上查了查，学习了一番，我做成了 9:08 的样子。另外还有获取的星期是从0开始的数字，最后都改了改，做的样子还算看过眼。先看一... 阅读详情

<!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>无标题文档</title>

<script language="javascript">
			function getCurDate(){ 
			var d = new Date(); 
			var week; 
			switch (d.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; 
			default: week="星期天"; } 
			var years = d.getFullYear();  //得到4位年份数据
			var month = add_zero(d.getMonth()+1); 
			var days = add_zero(d.getDate()); 
			var hours = add_zero(d.getHours()); 
			var minutes = add_zero(d.getMinutes()); 
			var seconds=add_zero(d.getSeconds()); 
			var millsconds=add_zero(d.getMilliseconds());
			var ndate = years+"年"+month+"月"+days+"日 "+hours+":"+minutes+":"+seconds+":"+millsconds+" "+week; 
			//var ndate = years+"年"+month+"月"+days+"日 "
			var div_array = document.getElementsByTagName("div");
			//ie中，对非Html标签固有的属性是无法识别的，不能通过getElementsByName批量获得标签dom对象，此处兼容代码																																
			for(i=0;i<div_array.length;i++)
			{
				var value=div_array[i].getAttribute("haha");
				if(value=="divT"){
					div_array[i].innerHTML= ndate;
				}
				
				if(div_array[i].className=='divT' )
				{
					div_array[i].innerHTML= ndate;
				}
			}
			
			}
			function add_zero(temp){
			 if(temp<10) 
			return "0"+temp; 
			else return temp;
			}
			
				
			//setInterval("getCurDate()",100);
		</script>
        <style>
			.divT{ background-color:#FFC; border-bottom-color:#FF9;  }
		</style>
</head>

<body onload="getCurDate()">

根据div标签固有的属性"class"来控制内容的填充
<div class="divT">1</div>
<div class="divT">2</div>
<div class="divT">3</div>
<div class="divT">4</div>
<hr />
根据div标签自定义的属性"haha"来控制内容的填
<div haha="divT">1</div>
<div haha="divT">2</div>
<div haha="divT">3</div>
<div haha="divT">4</div>


</body>
</html>

收录于