JavaScript生成年月日星期

最新推荐文章于 2024-05-11 22:06:29 发布

365天的坚持

最新推荐文章于 2024-05-11 22:06:29 发布

阅读量342

点赞数

分类专栏：每日学习文章标签： javascript html 学习前端 Powered by 金山文档

本文链接：https://blog.csdn.net/liying_xiaozhan/article/details/129679423

版权

每日学习专栏收录该内容

8 篇文章 0 订阅

订阅专栏

该代码示例展示了一个使用JavaScript动态更新日期和星期的网页时钟。它通过获取当前日期和时间，然后利用Date对象的方法转换为中文星期，最后将结果显示在HTML页面上。虽然目前仅显示日期，但注释中提到可以扩展到显示小时、分钟和秒。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>动态时钟</title>
    <script src="./clock.js"></script>
</head>
<body>
<h1 id="date"></h1>
<span id="msg"></span>
</body>
</html>

function showDateTime(){
var sWeek=new Array("日","一","二","三","四","五","六");
var myDate=new Date();
var sYear=myDate.getFullYear(); //年
var sMonth=myDate.getMonth()+1;//月
var sDate=myDate.getDate();//日
var sDay=sWeek[myDate.getDay()];//根据得到的数字日期，利用数组转换成汉子星期
//var h=myDate.getHours();//小时,太难了，后面再写。凑合看
//var m=myDate.getMinutes();
//var s=myDate.getSeconds();
document.getElementById("date").innerHTML=(sYear+"年"+sMonth+"月"+sDate+"日"+"星期"+sDay+"<br>")
//document.getElementById("msg").innerHTML=(h+m+s);

}
setTimeout("showDateTime()",1000)

window.onload=showDateTime()