简易学习JavaScript的Data对象 并且利用js完成简易倒计时功能

灵感来源:

京东的秒杀页面
学习了js的Data对象之后
我们也可以实现类似的功能哦~

在这里插入图片描述
接下来 我们先复习一下Data对象的一些细则
然后再完成这个肥肠重要的 倒计时案例~
看完本文后 我们会对 时间戳 的印象更加深刻嗷~
在这里插入图片描述

知识点涉及:

为了完成这个小案例 我们需要了解的知识:
js的内置对象:Data
利用Data对象达成目的

Data对象

初步感知Data对象的使用

var date = new Data();
var date1 = new Data('2021-02-15 23:29:16');

是一个构造函数 (与Math对象不一样)
我们可以使用new来调用日期对象

接下来 感受一下日期对象怎么使用~
例1

<script>
        // Date() 日期对象  是一个构造函数 必须使用new 来调用创建我们的日期对象
        var arr = new Array(); // 创建一个数组对象
        var obj = new Object(); // 创建了一个对象实例
        // 1. 使用Date  如果没有参数 返回当前系统的当前时间
        var date = new Date();
        console.log(date);
        // 2. 参数常用的写法  数字型  2019, 10, 01  或者是 字符串型 '2019-10-1 8:8:8'
        var date1 = new Date(2019, 10, 1);
        console.log(date1); // 返回的是 11月 不是 10月 
        var date2 = new Date('2019-10-1 8:8:8');
        console.log(date2);
</script>

举出了两个用法~
1.返回当前的时间日期
在这里插入图片描述

2.返回输入的时间 日期
在这里插入图片描述

格式化日期 年月日星期

需要获取日期指定的部分(具体的日子 具体是几几年)
在这里插入图片描述

注意:

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值