您的位置：首页 > Web前端 > JavaScript

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

2013-02-20 17:41 706 查看 
<!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>

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航