javascript动态获取显示时间

最新推荐文章于 2024-09-05 16:52:21 发布

lucky111one

最新推荐文章于 2024-09-05 16:52:21 发布

阅读量575

点赞数 1

分类专栏： JavaScript 文章标签： js显示时间动态获取时间

本文链接：https://blog.csdn.net/luckyone1111/article/details/77866699

版权

JavaScript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

编写javascript函数，实时显示当前时间，格式“-年-月-日时：分：秒”

代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" /> 
<title>javascript动态获取显示时间</title>
<style type="text/css">
#timer{
 width:300px;
 margin:50px auto;
 padding:20px;
 font:24px tahoma,arial,Microsoft YaHei,sans-serif;
 color:#c60023;
 text-align: center;
 background:#CCC;
 border-radius: 5px;
}
</style>
</head>

<body οnlοad="showTime()">
<div id="timer"></div>

<script type="text/javascript"> 
//动态获取当前时间，并显示到页面
function showTime()
{
 //创建Date对象
 var today = new Date();
 //分别获取年、月、日、时、分、秒
 var yy = today.getFullYear();
 var mo = today.getMonth()+1;
 var dd = today.getDate();
 var hh = today.getHours();
 var mm = today.getMinutes();
 var ss = today.getSeconds();

 //如果是一位数字，则前面补0
 function t(a){return a<10?"0"+a:a;};
 
 //输出时间的格式
 var str = yy+"年"+t(mo)+"月"+t(dd)+"日 "+t(hh)+":"+t(mm)+":"+t(ss);
  
 //将时间写入到id=timer的<div>的页面中，格式如：2017年9月6日 14:49:20
 document.getElementById("timer").innerHTML = str;

 //每隔1s调用setTimeout()
 setTimeout("showTime()",1000);
}
</script>

</body>
</html>

显示效果：