css+html+js数字时钟
数字时钟里面有,年,月,日,星期,小时,分钟,秒,简单的介绍怎么用js来调用日期,做出自己想要的时钟。
操作方法
- 01
/*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;}
- 02
<!--html--> <body> <div class="div1">这是一个时钟</div> <div id="dtime"></div> <body>
- 03
//js部分 fb(); setInterval(fb, 1000); function fb () { var dtime=document.getElementById('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)+'秒'; }