[初始课程]- js倒计时的商业逻辑
更新时间:2019-02-27 01:55 浏览:80 关闭窗口 打印此页
今天是2017年3月19日。周日我们将见面了解“倒计时”的“需求”。
让我们先来看看上周的任务中的视差转换。
接下来,开始共享Learning Countdown应用程序。
由于时间关系,它分为两个,
今天,上半年是业务逻辑js的实现。
然后,下周我们将讨论reactJ的实现并在nodeJ上运行它。实际上,下周我们将讨论react +节点。
// ==================
倒计时,倒数,这意味着它将来会持续多久。
例如,你问我,这个月到月底会持续多久?
我回答说,截至3月底,本月19日和本月底12日是31天。
如果你每两天问我一次,我会继续回答你。
到本月底还有11天。
到本月底还有十天。
到本月底还有9天。
这是本月底的8天。
...
倒计时时间现在如下。
“要在一定时间内连续产生从当前时间到未来确定时间的某一点,
两个时差“
当然,这是我自己的理解。
这也是我自己对如何达到“实现时间倒计时”要求的要求的分析。
主页创建为页面组件。
有页面结构和纯粹简单的文档组件,但并不多。
首页现在是“前组件组件树”。
// ==================
首先,我们创建一个对象new Date()的当前日期。
接下来,getFullYear获得一个代表当前年份的4位数字。
接下来,我使用新的日期(年,2.20)。这是第2天。
获取指定日期的对象,即未来未来点的日期。
然后找到一种方法来获得未来时间和当前日期之间的差异。
(日期2 - 日期)
只需从未来时间中减去当前时间,就可以得出它们之间的差异。
打印日期对象并找到它是一个字符串。
“2017年3月20日星期一,格林威治标准时间00:00 + 0800(中国标准时间)”,
有些学生无法理解
减去这两个链时的结果是毫秒?起初我无法理解。
后来想了,我明白了,
首先,它是一个日期对象,而不是一个字符串,它包含日期信息和许多方法。
让我们用console.dir打印这个日期对象。
您可以通过“对象属性”方法将信息发送到控制台。
Console.dir(日期2);
在js中,两个东西的减法被隐式转换为数值。
日期对象的日期对象是毫秒数。
但是,让我们看一个小例子。
减去两个js是隐式数字,日期对象是相同的。
然后我写两个随机对象并扣除它们。
函数a(){
Console.log('a')
}
函数b(){
Console.log('b')
}
Var aa = new a;
Var bb = new b;
Console.dir(aa-bb);
// NaN
NaN并不意味着它是数字,它的类型是数字。
这表示存在对象减法的隐式转换。
以下是从毫秒到秒的时间差的结果。
时间var =(日期2 - 日期)/ 1000;
接下来,有分钟,小时和天的第二次转换。
60,然后是60,然后是24。
最后,采取倒计时结果。
然后使用setInterval(...)重复执行以重复输出。
这样的倒计时将会实现。
点击加入 -