获取当前日期

最新推荐文章于 2024-07-08 03:25:00 发布

哑舍1212

最新推荐文章于 2024-07-08 03:25:00 发布

阅读量233

点赞数 1

文章标签： javascript 日期

本文链接：https://blog.csdn.net/want12345678910/article/details/99743924

版权

用Date对象获取当前日期：

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style type="text/css">
    div{width: 200px;height: 30px;border:1px solid rgb(196, 192, 192);text-align: center;line-height: 30px;}
    </style>
</head>

<body>
    <div id="box"></div>
    <script>
        //日期对象
        function showTime() {
            var p=document.getElementById("box");
            console.log(p);
            var date = new Date();
            var year = date.getFullYear(); //年
            var month = date.getMonth() + 1; //月
            var day = date.getDate(); //日
            var hour = date.getHours(); //时
            if (hour < 10) {
                hour = "0"+ hour;
            }
            var minute = date.getMinutes(); //分
            if (minute < 10) {
                minute = "0" + minute;
            }
            var second = date.getSeconds(); //秒
            if (second < 10) {
                second = "0" + second;
            }
            var time=year+"年"+month+"月"+day+"日&nbsp;&nbsp;&nbsp;"+hour+":"+minute+":"+second;
            //  document.write(time);
         p.innerHTML=time;   //innerHtML指开始标记和结束标记中间的内容
         setTimeout(showTime,1000);//在1000毫秒后调用showTime()函数
        }
        showTime();
    </script>
</body>
</html>

运行结果如下图：

在这里插入图片描述

哑舍1212

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
获取当前日期

用Date对象获取当前日期：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...
复制链接

扫一扫