js获取当前时间显示在页面上并每秒刷新
方法很简单,代码也很简洁,直接奉上代码吧
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>js获取当前时间显示在页面上</title>
<script>
window.onload=function(){
//定时器每秒调用一次fnDate()
setInterval(function(){
fnDate();
},1000);
}
//js获取当前时间
functionfnDate(){
varoDiv=document.getElementById("div1");
vardate=newDate();
varyear=date.getFullYear();//当前年份
varmonth=date.getMonth();//当前月份
vardata=date.getDate();//天
varhours=date.getHours();//小时
varminute=date.getMinutes();//分
varsecond=date.getSeconds();//秒
vartime=year+"-"+fnW((month+1))+"-"+fnW(data)+""+fnW(hours)+":"+fnW(minute)+":"+fnW(second);
oDiv.innerHTML=time;
}
//补位当某个字段不是两位数时补0
functionfnW(str){
varnum;
str>10?num=str:num="0"+str;
returnnum;
}
</script>
</head>
<body>
<divid="div1"></div>
</body>
</html>
热门推荐
10 新年门口花束祝福语简短
11 盘锦结婚祝福语大全简短
12 父母生日祝福语 简短独特
13 家庭恩爱祝福语简短英文
14 高考俄语祝福语大全简短
15 虎年祝福语 诗句唯美简短
16 生日婚礼祝福语简短精辟
17 虎年喝酒拜年祝福语简短
18 教师闺蜜祝福语简短