您的位置:寻梦网首页编程乐园CSS 初步DHTML动态效果实例
走动的数字时钟

上一页 返回目录 下一页

名称:

走动的数字时钟

实例:

 

教程:

将下面的代码加入html文件的<head></head>之间

<script>
function tick() {
var hours, minutes, seconds, xfile;
var intHours, intMinutes, intSeconds;
var today;
today = new Date();
intHours = today.getHours();
intMinutes = today.getMinutes();
intSeconds = today.getSeconds();
if (intHours == 0) {
hours = "12:";
xfile = "
午夜";
} else if (intHours < 12) {
hours = intHours+":";
xfile = "
上午";
} else if (intHours == 12) {
hours = "12:";
xfile = "
正午";
} else {
intHours = intHours - 12
hours = intHours + ":";
xfile = "
下午";
}
if (intMinutes < 10) {
minutes = "0"+intMinutes+":";
} else {
minutes = intMinutes+":";
}
if (intSeconds < 10) {
seconds = "0"+intSeconds+" ";
} else {
seconds = intSeconds+" ";
}
timeString = xfile+hours+minutes+seconds;
Clock.innerHTML = timeString;
window.setTimeout("tick();", 100);
}
window.onload = tick;
</script>

将下面的代码加入html文件任意需要的地方

<div id="Clock" align="center" style="font-size: 20; color:#000000"></div>

说明:

修改其中红色部分。可以改变时钟的大小和颜色。
上一页 返回目录 下一页