从前端小白到大佬 js

一只琳娜

于 2021-05-06 23:27:42 发布

阅读量53

点赞数

本文链接：https://blog.csdn.net/my_prince/article/details/116465706

版权

JavaScript DOM操作日期时间事件处理网页交互

关键词由CSDN通过智能技术生成

自动获取系统当前时间

<body>
    <!-- 点击获取系统当前时间 -->
    <button id="btn">获取当前时间</button>
    <div>er</div>
    <p>自动获取时间标签</p>
    <script>
        var btn = document.querySelector('button');
        var div = document.querySelector('div');
        btn.onclick = function() {
                div.innerText = getTime();
            }
            // 获得系统当前事件
        var getTime = function() {
                var date = new Date;
                var year = date.getFullYear();
                var month = date.getMonth() + 1;
                // 得到的月份比实际少一
                var datas = date.getDate();
                var day = date.getDay();
                // 得到的是数字 0代表周日
                var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
                return ('今天是' + year + '年' + month + '月' + datas + '日' + arr[day]);
            }
            // 打开页面得到系统当前时间
        var p = document.querySelector('p');
        p.innerText = getTime();
    </script>
</body>

在这里插入图片描述