JavaScript实现实时时钟

最新推荐文章于 2024-09-13 13:33:58 发布

原创最新推荐文章于 2024-09-13 13:33:58 发布 · 1k 阅读

CC 4.0 BY-SA版权

本文展示了一个使用JavaScript实现的实时时钟代码。通过设置定时器，每秒获取并更新当前日期时间，格式化为'YYYY/MM/DD HH:mm:ss'的形式，并将其显示在网页上。代码包括获取年、月、日、时、分、秒的方法，以及通过addZero函数确保数字前导零填充。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>

</body>
<script>
// 、实现MAC上的电子时钟，要求显示格式为：2017/07/01 19:01:01
// （解题思路：
// 1.通过Date获取当前系统时间的年月日&时分秒
// 2.对所得时间的值进行字符串拼接处理显示为要求格式
// 3.将上述2步放入计时器中不断获取当前时间，重新拼接显示）

// 1.通过Date获取当前系统时间的年月日&时分秒

// 3.将上述2步放入计时器中不断获取当前时间，重新拼接显示
setInterval(function(){
// 年
var date = new Date();
var year = date.getFullYear();
console.log(year);

// 月
var month = date.getMonth() + 1;
console.log(month);
// 日
var day = date.getDate();
console.log(day);
// 时
var hours = date.getHours();
console.log(hours);
// 分
var minutes = date.getMinutes();
console.log(minutes);
// 秒
var seconds = date.getSeconds();
console.log(seconds);

// 2.对所得时间的值进行字符串拼接处理显示为要求格式
function addZero(x){
return x>9?x:"0"+x;
}

var watch = addZero(year)+"/"+addZero(month)+"/"+addZero(day)+" "+addZero(hours)+":"+addZero(minutes)+":"+addZero(seconds);
document.body.innerHTML = watch;},1000);
</script>
</html>