JavaScript实现动态时间显示功能

JavaScript实现动态时间显示功能

0 2051 0

admin

2024-07-11

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>显示时间</title>

</head>

<body onload="showTime()">

<script>

function showTime() {

var date = new Date();

var year = date.getFullYear();

var month = date.getMonth() + 1;

month = month < 10 ? "0" + month : month;

var day = date.getDate();

day = day < 10 ? "0" + day : day;

var week = "日一二三四五六".charAt(date.getDay()); // 使用charAt函数提取相应汉字

var hour = date.getHours();

hour = hour < 10 ? "0" + hour : hour; // 用三目运算符调整数字显示格式

var minute = date.getMinutes();

minute = minute < 10 ? "0" + minute : minute;

var second = date.getSeconds();

second = second < 10 ? "0" + second : second;

var current = year + "-" + month + "-" + day + " " + "星期" + week + " " + hour + ":" + minute + ":" + second;

document.getElementById("time").innerHTML = current;

}

setInterval("showTime()", 1000);

</script>

<span id="time"></span>

</body>

</html>

THE END

喜欢就支持以下吧

相关推荐

评论抢沙发

友好交流，请勿发纯表情，请勿灌水，会被封号喔

提交

*^_^*

取消

表情快捷回复