更新时间:2022-05-06 09:13:07 来源:动力节点 浏览3421次
动力节点小编将告诉大家如何使用 JavaScript 在 HTML 中显示当前系统日期和时间。
将举一个例子,使用 javascript document.getElementById(“ID”).innerHTML 在 H2 html 标签中显示当前日期和时间。以及显示当前日期名称。
JavaScript 代码
var today = new Date();
var day = today.getDay();
var daylist = ["Sunday","Monday","Tuesday","Wednesday ","Thursday","Friday","Saturday"];
var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
var dateTime = date+' '+time;
document.getElementById("displayDateTime").innerHTML = dateTime + ' <br> Day :- ' + daylist[day];
带有 JavaScript 的 HTML 源代码
<html>
<head>
<title>Display Current Date and Time in Html using Javascript</title>
</head>
<body>
<h1>Get current date using JavaScript.</h1>
<h2 id="displayDateTime"></h2>
</body>
<script type="text/javascript">
var today = new Date();
var day = today.getDay();
var daylist = ["Sunday","Monday","Tuesday","Wednesday ","Thursday","Friday","Saturday"];
var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
var dateTime = date+' '+time;
document.getElementById("displayDateTime").innerHTML = dateTime + ' <br> Day :- ' + daylist[day];
</script>
</html>
您可以了解有关 JavaScript 日期和时间方法的更多信息:
采用 Date() 方法在 JavaScript 中创建具有当前日期和时间的对象。这提供了 UTC 时区的输出。
var today = new Date();
1. JavaScript 中的当前日期
使用以下脚本以“ Ymd ”格式使用 JavaScript 获取当前日期。
var today = new Date();
var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
getFullYear() – 提供当前年份,如 2020 年。
getMonth() – 提供当前月份值 0-11。其中 0 表示 1 月,11 表示 12 月。因此添加 +1 以获得结果。
getDate() – 提供月份值 1-31。
2. JavaScript 中的当前时间
使用以下脚本以“ H:i:s ”格式使用 JavaScript 获取当前时间。
var today = new Date();
var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
getHours() – 提供 0-23 之间的当前小时。
getMinutes() – 提供 0-59 之间的当前分钟数。
getSeconds() – 提供 0-59 之间的当前秒数。
3. JavaScript 中的当前日期和时间
使用以下脚本以“ Ymd H:i:s ”格式使用 JavaScript 获取当前日期和时间。您可以简单地将上述 JavaScript 代码的输出合并到一个变量中,如下所示:
var today = new Date();
var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
var dateTime = date+' '+time;
以上就是关于“使用JavaScript在HTML获取当前时间”的介绍,大家如果想了解更多相关知识,可以关注一下动力节点的HTML教程,里面的课程内容更加丰富,希望对大家的学习能够有所帮助哦。
0基础 0学费 15天面授
Java就业班有基础 直达就业
业余时间 高薪转行
Java在职加薪班工作1~3年,加薪神器
工作3~5年,晋升架构
提交申请后,顾问老师会电话与您沟通安排学习