JavaScript获取实时时间

最新推荐文章于 2024-07-18 11:50:26 发布

荆棘云海

最新推荐文章于 2024-07-18 11:50:26 发布

阅读量634

点赞数

分类专栏： JS 文章标签： HTML Javascript

本文链接：https://blog.csdn.net/weixin_44092289/article/details/90764855

版权

JS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

JS获取实时时间

**
获取实时时间并在网页显示

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>实时显示时间</title>
<script type="text/javascript">
function getTime() {

    var dateObj = new Date();

    var year = dateObj.getFullYear();//年
    var month = dateObj.getMonth()+1;//月  (注意：月份+1)
    var date = dateObj.getDate();//日
    var day = dateObj.getDay();
    var weeks = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
    var week = weeks[day];//根据day值，获取星期数组中的星期数。
    var hours = dateObj.getHours();//小时
    var minutes = dateObj.getMinutes();//分钟
    var seconds = dateObj.getSeconds();//秒

    if(month<10){
        month = "0"+month;
    }
    if(date<10){
        date = "0"+date;
    }
    if(hours<10){
        hours = "0"+hours;
    }
    if(minutes<10){
        minutes = "0"+minutes;
    }
    if(seconds<10){
        seconds = "0"+seconds;
    }

    var newDate = year+"年"+month+"月"+date+"日"+hours+":"+minutes+":"+seconds+"&nbsp &nbsp"+week;
    document.getElementById("date1").innerHTML = "时间显示：" + newDate;//在div中写入时间
    setTimeout('getTime()', 500);//每隔500ms执行一次getTime()
}
</script>
</head>

<body onLoad="getTime()">
    <div id="date1">时间</div>
</body>
</html>

效果如下：
在这里插入图片描述