css+html+js数字时钟

2025-11-10 08:49:49

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、

<body>

<div class="div1">这是一个时钟</div>

<body>

3、//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)+'秒';

}

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。