JavaScript实例详解 - 获取当前时间

这期来讲如何使用Date类来获取时间
注: Date类属于原生js内容 无需加载任何库即可使用

感谢  Android JSEditor提供实例代码 我直接复制就好了

1. //获取当前时间
   
2. function getCurrentDate(){
   
3.     let date = new Date()
   
4.     console.log('data',date);
   
5.     console.log('toDateString', date.toDateString());
   
6.     console.log('toISOString', date.toISOString());
   
7.     console.log('getFullYear', date.getFullYear());
   
8.     console.log('getMonth', date.getMonth());
   
9.     console.log('getDate', date.getDate());
   
10.     console.log('getHours', date.getHours());
    
11.     console.log('getMinutes', date.getMinutes());
    
12.     console.log('getSeconds', date.getSeconds());
    
13. };
    
14. getCurrentDate()

复制代码

首先呢 还是先定义一个函数
• 函数有很多好处 大量使用函数可以减少代码复用几率 重复率 以及函数递归操作

函数内实例化Date类
• new用于实例化一个类并赋给变量 之后用变量名而不是类名

然后使用变量
• 对象知识点
• 对象是js中一种类型 与表有别
您需要使用 对象名.对象成员变量名 来引用对象里的子成元 而不是 对象名["成员标识字符"]

此实例列出了Date类中的所有方法
toDateString() 返回当前年月星期
getDate() getMonth() getFullYear() 返回日月年
getHours() getMinutes() getSeconds() 返回时分秒

偷懒小技巧
在没有地理位置相关api时 可以通过截取时区字符来获取大概位置

函数
最后使用函数 getCurrentDate() 所有代码会被同步执行

注意
• let 声明的是块级作用域的变量 也就是说在函数内实例化Date在函数外面无法使用

之前用的个js获取时间在页面上显示的代码

1. <div class="dangqianshijian"></div>
   
2. <script>
   
3.   var t = null;
   
4.   t = setTimeout(time, 1000);
   
5.   function time() {
   
6.     clearTimeout(t);
   
7.     dt = new Date();
   
8.     var y = dt.getFullYear();
   
9.     var mt = dt.getMonth() + 1;
   
10.     var day = dt.getDate();
    
11.     var h = dt.getHours();
    
12.     var m = dt.getMinutes();
    
13.     var s = dt.getSeconds();
    
14.     document.querySelector(".dangqianshijian").innerHTML =
    
15.       "当前时间为:" +
    
16.       y +
    
17.       "年" +
    
18.       mt +
    
19.       "月" +
    
20.       day +
    
21.       "日" +
    
22.       h +
    
23.       "时" +
    
24.       m +
    
25.       "分" +
    
26.       s +
    
27.       "秒";
    
28.     t = setTimeout(time, 1000);
    
29.   }
    
30. </script>

复制代码

叮咚，经验+3

aiabxibsiqgdvodhsbs