基于javascript实现动态时钟效果_javascript技巧
来源:懂视网
责编:小采
时间:2020-11-27 20:51:23
基于javascript实现动态时钟效果_javascript技巧
基于javascript实现动态时钟效果_javascript技巧:本文实例讲解了javascript动态时钟效果的实现方法,分享给大家供大家参考,具体内容如下 实现代码: 动态时钟 //在网页上输出:今天的日期、星期、现在的时间(动态时钟) function start() { var today=new Date(); var year
导读基于javascript实现动态时钟效果_javascript技巧:本文实例讲解了javascript动态时钟效果的实现方法,分享给大家供大家参考,具体内容如下 实现代码: 动态时钟 //在网页上输出:今天的日期、星期、现在的时间(动态时钟) function start() { var today=new Date(); var year
本文实例讲解了javascript动态时钟效果的实现方法,分享给大家供大家参考,具体内容如下

实现代码:
输出:今天的日期、星期、现在的时间(动态时钟)
function start()
{
var today=new Date();
var year=today.getFullYear();
var month=today.getMonth()+1;
var day=today.getDate();
var hours=today.getHours();
var minutes=today.getMinutes();
var seconds=today.getSeconds();
//如果是单位数字,前面补0
month=month<10? "0"+month :month;
day=day<10? "0"+day :day;
hours=hours<10? "0"+hours :hours;
minutes=minutes<10? "0"+minutes :minutes;
seconds=seconds<10? "0"+seconds :seconds;
//时间信息连成字符串
var str="今天是"+year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds;
//获取id=result的内容
var obj=document.getElementById("result");
obj.innerHTML=str;
//延时器
window.setTimeout("start()",1000);
}
script>