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

最新推荐文章于 2022-06-14 10:02:51 发布

sofokiller

最新推荐文章于 2022-06-14 10:02:51 发布

阅读量1.5k

点赞数

分类专栏：前端开发

本文链接：https://blog.csdn.net/sofokiller/article/details/8595494

版权

前端开发专栏收录该内容

3 篇文章 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 οnlοad="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>