原生JS获取系统当前日期和时间

最新推荐文章于 2024-08-19 15:16:50 发布

「已注销」

最新推荐文章于 2024-08-19 15:16:50 发布

阅读量3.2k

点赞数

文章标签： javascript html

本文链接：https://blog.csdn.net/qq_35179322/article/details/52974127

版权

<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8" />
<style type="text/css">
body{position:relative;}
#con{width:400px;height:64px;line-height:64px;background:red;color:white;margin:5px auto;position:absolute;left:280px;top:53px;text-align:center;border-radius:5px;text-align:center;font-size:20px;color:white;margin-right:5px;}
</style>
</head>
<body>
<div id="con">0</div>
</body>
<script>
2、实现计时，记录时间(获取当前的时间,开始计时,计时过程相当于你的手机时钟)xxxx年xx月xx日 //xx时xx分xx秒

function now(){
var div = document.getElementById("con");
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();
var hours = date.getHours();
var minutes = date.getMinutes();
var seconds = date.getSeconds();
div.innerHTML = "今天是："+year+"年"+month+"月"+day+"日"+" "+hours+"时"+minutes+"分"+seconds+"秒";
}
now();
setInterval(now,1000);

</script>
</html>