原生js的时间对象和修改背景图片

最新推荐文章于 2023-06-26 16:05:49 发布

cv酱

最新推荐文章于 2023-06-26 16:05:49 发布

阅读量916

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/yinguser/article/details/124580735

版权

本文介绍了如何在JavaScript中获取当前时间对象，并展示了如何利用随机数动态修改页面背景图片，为前端开发提供了一个实用技巧。

摘要由CSDN通过智能技术生成

1、获取时间对象，记录当前时间

<body>
    <button>点击</button>
    <p>123</p>

    <script>
        let p = document.querySelector("p")
        let btn = document.querySelector("button")
        btn.onclick = function () {
            p.innerText=getDate()
        }

        function getDate() {
            let date = new Date()
            let year = date.getFullYear()
            let mouth = date.getMonth() + 1
            let dates = date.getDate()
            let arr = ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日',]
            let day = date.getDay() //4   下标
            return '今天是：' + year + "年" + mouth + "月"+ dates+ "日" + arr[day] 
        }


    </script>


</body>

效果：