JavaScript使用计时事件制作的电子时钟
2018-04-03 15:43
477 查看
本例出自：菜鸟教程
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>使用计时事件制作的电子时钟</title>
<script>
function startTime() {
var now = new Date();
var h = now.getHours();
var m = now.getMinutes();
var s = now.getSeconds();
m = checkTime(m);
s = checkTime(s);
var nowStr = h + ":" + m + ":" + s;
document.getElementById("demo").innerHTML = nowStr;
//设置每0.5秒执行一次函数startTime()
setTimeout("startTime()", 500)
}
//为了美观，补足分秒前面的0
function checkTime(x) {
if (x < 10) {
return "0" + x;
}
return x;
}
</script>
</head>
<body onload="startTime()">
<div id="demo"></div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JavaScript 使用计时事件制作的钟表 【每日一段代码76】
- 使用Arduino和DS12C887芯片制作电子时钟（附Arduino源代码）
- 使用事件制作时钟
- 使用计时事件制作的钟表
- 使用JavaScript编写图片式电子时钟时间自动更新
- 使用html5 canvas和javascript制作可调整时间的时钟界面
- 使用html与javascript制作简单的网页时钟
- 使用JavaScript实现制作动态时钟
- Javascript—简单电子时钟制作总结
- 使用 Javascript 并结合 XML 制作滑动透明的菜单，且该菜单拥有跟随鼠标的注释
- 使用Javascript制作声音按钮
- [原创]利用php和javascript实现服务器时间电子时钟
- 使用Javascript制作连续滚动字幕
- 使用Javascript制作声音按钮
- 十种JavaScript事件处理的使用方法
- 使用Javascript制作声音按钮
- asp.net中使用最基本的时钟脚本(JavaScript)
- 使用JavaScript事件综合查询
- 使用JavaScript事件综合查询
- JavaScript中的5种事件使用方式解说