js实现时钟
2016-05-19 13:51
495 查看
<HTML>
<HEAD>
<TITLE>时间日期篇--显示时钟</TITLE>
<meta charset="utf-8">
</HEAD>
<BODY bgcolor="#fef4d2" onload=showclock() >
<br>
<div id="clock"></div>
<script>
function changeClock()
{
var d = new Date();
var year=d.getFullYear();
var month=d.getMonth()+1;
if(month<10){
month="0"+month;
}
var day=d.getDate();
if(day<10){
day="0"+day;
}
var hours=d.getHours();
var dn="AM";
if(hours>12){
dn="PM";
hours=hours-12;
}else if(hours==0){
hours=12;
}
var minute=d.getMinutes();
if(minute<10){
minute="0"+minute;
}
var seconds=d.getSeconds();
if(seconds<10){
seconds="0"+seconds;
}
document.getElementById("clock").innerHTML=year+"-"+month+"-"+day+" "+hours+":"+minute+":"+seconds+" "+dn;
// document.getElementById("clock").innerHTML = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate() + " " + d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds();
}
window.setInterval(changeClock,1000);
</script>
</BODY>
</HTML>
<HEAD>
<TITLE>时间日期篇--显示时钟</TITLE>
<meta charset="utf-8">
</HEAD>
<BODY bgcolor="#fef4d2" onload=showclock() >
<br>
<div id="clock"></div>
<script>
function changeClock()
{
var d = new Date();
var year=d.getFullYear();
var month=d.getMonth()+1;
if(month<10){
month="0"+month;
}
var day=d.getDate();
if(day<10){
day="0"+day;
}
var hours=d.getHours();
var dn="AM";
if(hours>12){
dn="PM";
hours=hours-12;
}else if(hours==0){
hours=12;
}
var minute=d.getMinutes();
if(minute<10){
minute="0"+minute;
}
var seconds=d.getSeconds();
if(seconds<10){
seconds="0"+seconds;
}
document.getElementById("clock").innerHTML=year+"-"+month+"-"+day+" "+hours+":"+minute+":"+seconds+" "+dn;
// document.getElementById("clock").innerHTML = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate() + " " + d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds();
}
window.setInterval(changeClock,1000);
</script>
</BODY>
</HTML>
相关文章推荐
- JSON和JSONP
- FireBreath -- Summary--方法 属性 Attributes 事件和js的交互等
- Javascript学习总结
- JS 构造图片Image对象
- js填充列表的几种方式
- JavaScript 开发的45个技巧
- javascript confirm()函数的用法
- JSP 的九大内置对象简介
- JavaScript中的数组遍历forEach()与map()方法以及兼容写法
- js获取字符长度
- js 日期控件laydate使用
- JSFL脚本导出Flash中的所有图片
- jsoncpp和rapidjson哪个好用?
- js阻止浏览器默认事件
- js设置和读取cookie
- JSON 解析
- JAVAScript和JAVA有区别吗
- Jackson tips: using @JsonAnyGetter/@JsonAnySetter to create "dyna beans"
- extjs-mvc开发模式
- JavaScript中解决多浏览器兼容性23个问题的快速解决方法