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

最新推荐文章于 2024-06-12 09:51:34 发布

不忘初心mm

最新推荐文章于 2024-06-12 09:51:34 发布

阅读量9.6k

点赞数 2

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/ma18845639852/article/details/70339527

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

js代码

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()+1900;
month = today.getMonth()+1;
date = today.getDate();
hour = today.getHours();
minute =today.getMinutes();
second = today.getSeconds();
document.getElementById('time').innerHTML = "<h1 style="color:'white'>"+year + "年" + month + "月" + date + "日  " + strDate +"   " + hour + ":" + minute + ":" + second+"</h1>"; //显示时间
setTimeout("showtime();", 1000); //设定函数自动执行时间为 1000 ms(1 s)
}

html代码

引入js

<body οnlοad="showtime();">
<span id="time"></span>
</body>

不忘初心mm

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
实现页面实时显示当前时间 js

js代码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;
复制链接

扫一扫