|
|
@@ -0,0 +1,46 @@
|
|
|
+<!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>
|
e