<style>
body{
background: #000;
color: #fff;
text-align: center;
font-size:100px;
}
</style>
<script>
function toDou(n) {
return n < 10 ? '0' + n : '' + n;
}
window.onload = function(){
var oDiv = document.getElementById('div1');
var oDiv2 = document.getElementById('div2');
function clock(){
//获取当前时间
var oDate = new Date();
var h = oDate.getHours();
var m = oDate.getMinutes();
var s = oDate.getSeconds();
var Y = oDate.getFullYear();
var M = oDate.getMonth() + 1;
var D = oDate.getDate();
var W = oDate.getDay();
//转换 W 星期,为汉字
switch (W){
case 1:
W = '一';
break;
case 2:
W = '二';
break;
case 3:
W = '三';
break;
case 4:
W = '四';
break;
case 5:
W = '五';
case 6:
W = '六';
break;
case 0:
W = '日';
break;
}
//设置div的内容,并且完成了补0
oDiv.innerHTML = toDou(h) + ':' + toDou(m) + ':' + toDou(s);
oDiv2.innerHTML = Y + '年'+ M +'月'+ D +'日 星期' + W;
}
clock();
setInterval(clock,1000);
};
</script>
</head>
<body>
<div>北京时间</div>
<br />
<div id="div1">17:18:20</div>
<br />
<div id="div2"></div>
</body>
数字时钟
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 这是我第一次玩液晶的时候所制作的,1602的液晶模块,DS18B20的温度传感器,DS1302时钟芯片,51的单片...
- 年初的时候,春节在家闲着无聊的东西,留个纪念。 材料 STM8S103F3P 单片机一块 4位数码管一块 PCB板...