用JS+div在页面指定位置写一个电子时钟
2017-09-15 11:51
190 查看
<!DOCTYPE html>
<html>
<title>电子时钟</title>
</head>
<body>
<!--设置时钟的样式-->
<div id = "myclock" style="font-size: 36px;color: brown;font-weight: bold"></div>
</body>
<script>
setInterval("showClock()",1000);//获取定时器，每1000毫秒刷新一次function方法
function showClock(){
t = new Date();
h = t.getHours();
m = t.getMinutes();
s = t.getSeconds();
clock = (h >= 12) ? "下午":"上午";
h = (h > 12) ? h-12 :h;
h = (h < 10) ? "0" + h : h;
m = (m < 10) ? "0" + m : m;
s = (s < 10) ? "0" + s : s;
myclock.innerHTML = clock + "" + h + ":" + m + ":" + s;
}
</script>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- html js点击按钮滚动跳转定位到页面指定位置（DIV）的方法代码
- js控制div样式显示与隐藏，JS通过点击超链接右边（指定位置）显示一个图标
- js 根据ID或者Class在指定位置添加div
- css,js实现在鼠标移动到一个位置在这个位置下面显示一个已经存在的div，这个div的位置随意
- js 指定位置插入html标签（可编辑div）
- js，jquery滚动/跳转页面到指定位置的实现思路
- js实现html页面滚动条向下拉到一定的程度时，某个div就固定在顶部，向上拉时返回原位置。
- JS隐藏div占用与不占用页面位置方法
- js，jquery滚动/跳转页面到指定位置
- JS控制div跳转到指定的位置的几种解决方案总结
- JS控制div跳转到指定的位置的几种解决方案总结
- 一个封装的在后台弹出JS Alert消息和JS confirm信息以及跳转到指定的页面
- jQuery怎么加载一个html页面到我指定的div里面
- .net web 点击链接在页面指定位置显示DIV的问题
- 让一个div始终固定在页面的某一固定位置的方法
- js 鼠标点击一个按钮显示div的浮动框,点击页面其他任何地方后,隐藏浮动框
- 当一个页面中有多个form表单并且有重名的元素时，js获取指定form表单中的指定元素
- 用js来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数
- js 滚动/跳转页面到指定位置
- JavaScript 相关 —— 向页面写JS以alert信息、通过对地址栏赋值转到指定页、注册Js到Body的开始部分、注册Js到Body的结束位置