JavaScript实现页面实时显示当前时间

最新推荐文章于 2023-12-13 10:14:13 发布

原创最新推荐文章于 2023-12-13 10:14:13 发布 · 9.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #date #function #html #div

JavaScript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个使用JavaScript编写的简单脚本，该脚本能够实时地在网页上显示当前的日期和时间，包括年、月、日、星期以及具体的时间。通过定时刷新的方式实现了时间的动态更新。

<html>
<body>
<script language="javascript">
function showtime()
{
var today,hour,second,minute,year,month,date;
var strDate ;
today=new Date();
var n_day = today.getDay();
switch (n_day)
{
case 0:{
strDate = "星期日"
}break;
case 1:{
strDate = "星期一"
}break;
case 2:{
strDate ="星期二"
}break;
case 3:{
strDate = "星期三"
}break;
case 4:{
strDate = "星期四"
}break;
case 5:{
strDate = "星期五"
}break;
case 6:{
strDate = "星期六"
}break;
case 7:{
strDate = "星期日"
}break;
}
year = today.getYear();
month = today.getMonth()+1;
date = today.getDate();
hour = today.getHours();
minute =today.getMinutes();
second = today.getSeconds();
document.getElementById('time').innerHTML = year + " 年 " + month + " 月 " + date + " 日 " + strDate +" " + hour + ":" + minute + ":" + second; //显示时间
setTimeout("showtime();", 1000); //设定函数自动执行时间为 1000 ms(1 s)
}
</script>

</body>
</html>