jQuery 获取时间实时更新

最新推荐文章于 2022-11-13 18:01:13 发布

^O^Wanna

最新推荐文章于 2022-11-13 18:01:13 发布

阅读量522

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/qq_54088653/article/details/116524192

版权

jQuery 专栏收录该内容

4 篇文章 1 订阅

订阅专栏

jQuery 获取时间实时更新

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <span id="time"></span>
</body>
<script src="js/jquery-1.12.4.min.js"></script>
<script>
    setInterval(function() {
        var myDate = new Date;
        var year = myDate.getFullYear(); //获取当前年
        var mon = myDate.getMonth() + 1; //获取当前月
        if (mon < 10) {
            mon = "0" + mon
        }
        var date = myDate.getDate(); //获取当前日
        if (date < 10) {
            date = "0" + date
        }
        var h = myDate.getHours(); //获取当前小时数(0-23)
        if (h < 10) {
            h = "0" + h
        }
        var m = myDate.getMinutes(); //获取当前分钟数(0-59)
        if (m < 10) {
            m = "0" + m
        }
        var s = myDate.getSeconds(); //获取当前秒
        if (s < 10) {
            s = "0" + s
        }
        var week = myDate.getDay();
        var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
        console.log(year, mon, date, weeks[week])
        $("#time").html(year + "年" + mon + "月" + date + "日" + h + "点" + m + "分" + s + "秒" + weeks[week]);
    }, 1000)
</script>

</html>

注意引入jQuery库以及jQuery地址

^O^Wanna

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jQuery 获取时间实时更新

jQuery 获取时间实时更新<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
复制链接

扫一扫