我是李君子 发表于 2024-3-9 19:51:57

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

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

感谢Android JSEditor提供实例代码 我直接复制就好了
//获取当前时间
function getCurrentDate(){
    let date = new Date()
    console.log('data',date);
    console.log('toDateString', date.toDateString());
    console.log('toISOString', date.toISOString());
    console.log('getFullYear', date.getFullYear());
    console.log('getMonth', date.getMonth());
    console.log('getDate', date.getDate());
    console.log('getHours', date.getHours());
    console.log('getMinutes', date.getMinutes());
    console.log('getSeconds', date.getSeconds());
};
getCurrentDate()
首先呢 还是先定义一个函数
• 函数有很多好处 大量使用函数可以减少代码复用几率 重复率 以及函数递归操作

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

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

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

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

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

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

小永高呐 发表于 2024-3-9 20:17:46

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

<div class="dangqianshijian"></div>
<script>
var t = null;
t = setTimeout(time, 1000);
function time() {
    clearTimeout(t);
    dt = new Date();
    var y = dt.getFullYear();
    var mt = dt.getMonth() + 1;
    var day = dt.getDate();
    var h = dt.getHours();
    var m = dt.getMinutes();
    var s = dt.getSeconds();
    document.querySelector(".dangqianshijian").innerHTML =
      "当前时间为:" +
      y +
      "年" +
      mt +
      "月" +
      day +
      "日" +
      h +
      "时" +
      m +
      "分" +
      s +
      "秒";
    t = setTimeout(time, 1000);
}
</script>

FC10299M 发表于 2024-5-13 11:11:36

叮咚,经验+3

秦业盛666 发表于 2024-8-10 17:40:25

aiabxibsiqgdvodhsbs
页: [1]
查看完整版本: JavaScript实例详解 - 获取当前时间