lovecoding
/
web0715


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        {{timer}}
    </div>
    <script src="./vue.js"></script>
    <script>
        var app = new Vue({
            el:"#app",
            data:{
                // 全局 => windows => this
                timer:""
            },
            // 生命周期
            // 在页面创建完成后 就可以执行对应的操作
            created(){
                setInterval(()=>{this.newTime()},1000)
                // setInterval定时器 反复执行
                // setTimeOut 延时器 执行一次
            },
            // 方法
            methods: {
              newTime() {
                // var new1 = '2024-10-1 12:00:00';
                var date = new Date();
                var years = date.getFullYear();
                // getMonth() 0-11
                var months = date.getMonth() + 1;
                var days = date.getDate();
                var hours = date.getHours();
                var minutes = date.getMinutes();
                var seconds = date.getSeconds();
                this.timer = years + '年' + months + '月' + days + '日' + hours + ':' + minutes + ':' + seconds;
                console.log(this.timer);
              }
            },
        })
    </script>
</body>
</html>