css+html+js数字时钟

时间:2024-10-14 00:17:17

1、/*css*/body{margin:0 auto;}.div1{margin:0 auto;width:1260px;text-align: center;line-height: 80px;font-size: 26px;}#dtime{width:1260px;margin:0 auto;text-align: center;font-size: 20px;}

2、<!--html--><body> <div class="div1">这是一个时钟</div> <div id="dtime"></div><body>

3、//js部分fb();setInterval(fb, 1000);function fb () 辘腋粪梯{ var dtime=document.getElem髫潋啜缅entById('dtime'); var x=new Date(); y=x.getFullYear(); m=x.getMonth()+1; d=x.getDate(); r=x.getDay(); h=x.getHours(); f=x.getMinutes(); s=x.getSeconds(); ar=['日','一','二','三','四','五','六']; var j; for(var i=0;i<ar.length;i++){ r=ar[i]; } function fa (j) { if(j<10){ return '0'+j; } else{return j;} } dtime.innerHTML=y+'年 '+m+'月 '+d+'日 '+'星期'+r+' 时间: '+fa(h)+'时: '+fa(f)+'分: '+fa(s)+'秒';}

© 手抄报圈