JavaScript显示时间并更新

最新推荐文章于 2023-02-22 18:27:24 发布

zmx2029

最新推荐文章于 2023-02-22 18:27:24 发布

阅读量583

点赞数

分类专栏： PHP

本文链接：https://blog.csdn.net/baidu_25845567/article/details/51615889

版权

PHP 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>时间</title>
</head>
<body>
    <div id="timer"></div>
</body>
<script type="text/javascript" src="time2.js"></script>
</html>

JavaScript文件

function updateTimer() {
    var date = new Date();

    var year = date.getFullYear();

    var month = date.getMonth() + 1;
    month = appendZero(month);

    var day = date.getDate();
    day = appendZero(day);

    var hour = date.getHours();
    hour = appendZero(hour);

    var minute = date.getMinutes();
    minute = appendZero(minute);

    var timer = document.getElementById("timer");
    timer.innerText = year + "-" + month + "-" + day + " " + hour + ":" + minute;

    setTimeout("updateTimer()", 500);
}

function appendZero(num) {
    if(num < 10) {
        num = "0" + num;
    }
    return num;
}

window.onload = function () {
    updateTimer();
}

zmx2029

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript显示时间并更新

html lang="en">head> meta charset="UTF-8"> title>时间title>head>body> div id="timer">div>body>script type="text/javascript" src="time2.js">script>html>JavaScript文件function
复制链接

扫一扫