Ashun's 技術駅 Ashun's 技術駅
首页
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript教程》
    • 《JavaScript高级程序设计》
    • 《ES6 教程》
    • 《Vue》
    • 《React》
    • 《TypeScript 从零实现 axios》
    • 《Git》
    • TypeScript
    • JS设计模式总结
  • HTML
  • CSS
  • Vue
  • 现代web布局
  • React
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 技术资源
  • 第一阶段

    • HTML
  • 第二阶段

    • JavaScript
  • 第三阶段

    • Vue
  • 第四阶段

    • 实战项目
  • 每周测试

    • 每周
  • 其他

    • Vue引入UI框架
    • Web前端面试
    • Vue3-resource
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 福利资源
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Ashun

前端界的小学生
首页
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript教程》
    • 《JavaScript高级程序设计》
    • 《ES6 教程》
    • 《Vue》
    • 《React》
    • 《TypeScript 从零实现 axios》
    • 《Git》
    • TypeScript
    • JS设计模式总结
  • HTML
  • CSS
  • Vue
  • 现代web布局
  • React
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 技术资源
  • 第一阶段

    • HTML
  • 第二阶段

    • JavaScript
  • 第三阶段

    • Vue
  • 第四阶段

    • 实战项目
  • 每周测试

    • 每周
  • 其他

    • Vue引入UI框架
    • Web前端面试
    • Vue3-resource
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 福利资源
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 01变量
  • 02常量
  • 03js数据类型
  • 04运算、判断、条件
  • 05数字类型
  • 06字符串
  • 07布尔值
  • 08空值
  • 09未定义
  • 10唯一值
  • 11对象
  • 13数组
  • 14函数
  • 15日期对象
    • 获取日期对象
    • 获取年月日星期时分秒
      • 更改时间
      • 格式化日期
      • 字串转原型
    • 获取时间戳
      • 定时器
      • 计时器
    • 获取B站的所有标签符
  • 16正则表达式
  • 17异常错误对象
  • 18BOM 浏览器对象模型
  • 19DOM文档对象模型
  • 20json
  • 21Ajax
  • 22jQuery
  • 23函数进阶
  • 24面向对象
  • 《javascript(es5)》
ashun
2022-02-14
目录

15日期对象

# 日期对象

# 获取日期对象

new Date()
1

# 获取年月日星期时分秒

var week = ["日", "一", "二", "三", "四", "五", "六"]//日期数组
var time = new Date()//获取日期对象
var year = time.getFullYear()//获取年
var month = time.getMonth() + 1//获取月
var date = time.getDate()//获取日
var day = time.getDay()//获取星期
var hours = time.getHours()//获取时
var minutes = time.getMinutes()//获取分
var seconds = time.getSeconds()//获取秒

console.log(year + "年" + month + "月" + date + "日" + "星期" + week[day] + hours + "时" + minutes + "分" + seconds + "秒");
//2021年12月15日星期三14时53分53秒
1
2
3
4
5
6
7
8
9
10
11
12

# 更改时间

var time = new Date(1999, 0, 1);
console.log(time);
1
2

# 格式化日期

var time = new Date(2021, 0, 1)

function formDate(formObject, sign = "-") {
    var year = formObject.getFullYear()
    var month = formObject.getMonth() + 1
    var date = formObject.getDate()

    function formTime(number) {
        var str = String(number)//转成字符串
        return str.length >= 2 ? str : "0" + str
        //三元运算符,如果字符串长度大于等于2,就返回str变量,如果不是就返回拼接的字符
    }
    console.log(year + sign + formTime(month) + sign + formTime(date));//2021-01-01
}
formDate(time)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

# 字串转原型

var str = "2021-12-15";
function formDate(str, sign = "-") {
    var arr = str.split(sign);
    var year = arr[0];
    var month = arr[1] - 1;
    var date = arr[2];
    console.log(new Date(year, month, date));
}
formDate(str); //Wed Dec 15 2021 00:00:00 GMT+0800 (中国标准时间)
1
2
3
4
5
6
7
8
9

# 获取时间戳

var t = new Date()
console.log(t.getTime());//时间戳是1970年1月1日0时0分0秒到现在的毫秒
1
2

# 定时器

var time1 = new Date();
var t1 = time1.getTime();

var time2 = new Date(2022, 0, 1);
var t2 = time2.getTime();

var t = Math.floor(Math.abs(t1 - t2) / 1000); //现在距离2020还有多少秒
var date = Math.floor(t / (60 * 60 * 24)); //日

var modul = t % (60 * 60 * 24); //求余(用距离2020剩下的秒来求余天,剩下的就是时)
var h = Math.floor(modul / (60 * 60)); //时

modul = t % (60 * 60);
var m = Math.floor(modul / 60); //分

modul = t % 60;
var s = Math.floor(modul); //秒

console.log(date + "日" + h + "时" + m + "分" + s + "秒");
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

# 计时器

setInterval(function () {
    var time1 = new Date();
    var t1 = time1.getTime();

    var time2 = new Date(2021, 12, 12);
    var t2 = time2.getTime();

    var t = Math.floor(Math.abs(t1 - t2) / 1000); //现在距离2020还有多少秒
    var date = Math.floor(t / (60 * 60 * 24)); //日

    var modul = t % (60 * 60 * 24); //求余(用距离2020剩下的秒来求余天,剩下的就是时)
    var h = Math.floor(modul / (60 * 60)); //时

    modul = t % (60 * 60);
    var m = Math.floor(modul / 60); //分

    modul = t % 60;
    var s = Math.floor(modul); //秒
    var body = document.querySelector("body");
    body.innerHTML = date + "日" + h + "时" + m + "分" + s + "秒";
}, 1000);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

# 获取B站的所有标签符

//第一种
console.log(
    [
        ...new Set(
            [...document.querySelectorAll("*")].map((item) => item.nodeName)
        ),
    ].length
);

//第二种
console.log(new Set($$("*").map(e => e.tagName)));
1
2
3
4
5
6
7
8
9
10
11

编辑 (opens new window)
上次更新: 2022/04/24, 13:33:34
14函数
16正则表达式

← 14函数 16正则表达式→

最近更新
01
课件-react路由-V6
01-22
02
课件-国际化
01-22
03
课件-redux-toolkit
01-22
更多文章>
Theme by Vdoing | Copyright © 2019-2024 Evan Xu | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式