js显示当前时间

Meng333331

于 2018-05-06 19:51:02 发布

阅读量199

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/Meng333331/article/details/80217525

js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的定时器功能，该定时器能够实时更新显示当前的时间，包括年、月、日、小时、分钟及秒数。通过简单的HTML页面展示，并利用JavaScript获取当前时间并不断刷新显示。

<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>时间</title>
<script type="text/javascript">
function timer(){
var currentDate=new Date();//日期
var year=currentDate.getFullYear();//年
var month=currentDate.getMonth()+1;//月
var day=currentDate.getDate();//日
var h=currentDate.getHours()//小时
var m=currentDate.getMinutes()//分
var s=currentDate.getSeconds()//秒
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=year+'-'+month+'-'+day+''+h+":"+m+":"+s
t=setTimeout('timer()',1000);//每1秒变化一下
}

function checkTime(i){
if(i<10){
i="0"+i
}
return i
}
</script>
</head>

<body onload="timer();">
<div id="txt">

</div>
</body>
</html>