JavaScript学习笔记020-日期对象0倒计时

Author:Mr.柳上原

  • 付出不亚于任何的努力
  • 愿我们所有的努力,都不会被生活辜负
  • 不忘初心,方得始终

没有其他语言的基础

没有后台基础

没有数据库基础

直接干node

原来也不是那么难

前端+node

一个全栈工程师就这么出来了

从此以后

前端头发掉的比c++快根本不是梦

想要地中海

还是高发际

或是...

三毛?

<!DOCTYPE html> <!-- 文档类型:标准html文档 -->

<html lang='en'> <!-- html根标签 翻译文字:英文 -->

<head> <!-- 网页头部 -->

<meat charset='UTF-8'/> <!-- 网页字符编码 -->

<meat name='Keywords' content='关键词1,关键词2'/>

<meat name='Description' content='网站说明'/>

<meat name='Author' content='作者'/>

<title>前端59期学员作业</title> <!-- 网页标题 -->

<link rel='stylesheet' type='text/css' href='css/css1.css'/> <!-- 外链样式表 -->

<style type='text/css'> /*内部样式表*/

</style>

</head>

<body> <!-- 网页主干:可视化区域 -->

<script>
// 日期对象获取
let date = new Date( ); // 构造函数生成时间对象(时间戳)
date.getFullYear( ); // 年份
date.getYear( ); // 当前年份减去1900年
date.getMonth( ); // 月份起始从0开始到11月,所以提取的月份需+1
date.getDate( ); // 日份
date.getDay( ); // 星期
date.getHours( ); // 小时
date.getMinutes( ); // 分钟
date.getSeconds( ); // 秒钟
date.getMilliseconds( ); // 毫秒 0 - 999
date.getTime( ); // 毫秒值 从1970年1月1日0:0:0:0(计算机元年)到现在的毫秒值
Date.now( ); // 同上,注意点:不需要构造函数生成
date.getTimezoneOffset( ); // 世界时与本地时间的差值(世界时 - 本地时 * 60 单位是分钟)
date.getUTCHours( ); // 世界时间,单位小时
date.getUTCMinutes( ); // 世界时间,单位分钟

// 日期设置
let date1 = new Date("July 8, 2018 20:30:00"); // 第一种写法,字符串,注意点:不传时分秒时默认零时零分零秒
let date2 = new Date("2018-07-08T20:30:00"); // 第二种写法,字符串,注意点:数值超过正常时间值时无法取到值,不传时分秒时默认加上时间差(中国为 + 08:00:00)
let date3 = new Date(2018, 06, 08, 20, 30, 00); // 第三种方法,直接传数字,注意点:月份必须 - 1,数值超过正常时间值时默认向前推进或向后缩减相应时间值,不传时分秒时默认零时零分零秒,只传一个值时默认为毫秒值(取值为计算机元年时间加上该毫秒值)

// 日期运算
date - date1; // 运算出的值为毫秒值

// 日期的转换
new Date(Date.now( )); // 毫秒转时间
Date.parse("2018-07-08T20:30:00"); // 日期转数字

// 倒计时实例
const {floor} = Math;
let addZero = (n) => {n < 10 ? "0" + n : n + ""}
// 春节
const newYear = new Date("2019/2/5");
const fn = () => {
const date = newYear - new Date();
// 天
const d = floor(date/24/60/60/1000);
// 时
const h = floor(date/60/60/1000) % 24;
// 分
const m = floor(date/60/1000) % 60;
// 秒
const s = floor(date/1000) % 60;
time = `${d}天${h}小时${m}分${s}秒!`
}
setInterval(fn, 1000);


</script>

</body>

</html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏JAVA高级架构开发

面向对象编程,再见!

作为程序员,你是使用函数式编程还是面向对象编程方式?在本文中,拥有 10 多年软件开发经验的作者从面向对象编程的三大特性——继承、封装、多态三大角度提出了自己的...

2970
来自专栏ACM小冰成长之路

HDU-6010-Daylight Saving Time

ACM模版 描述 ? 题解 这个题的难点在于题目不好懂,只要读懂了题目,细心一些的人都能做出来。 大致的思路是先预处理出来每年的两个时间节点,也就是每年三月份的...

2349
来自专栏小工匠技术圈

【Java小工匠聊高并发】--CountDownLatch

  在讲CountDownLatch的应用场景之前,我们先在现实生活中,找到一个对应的场景。例如班主任带一帮孩子去春游,春游回家前,班主任需要清点人数,确保每个...

1313
来自专栏追不上乌龟的兔子

LeetCode Weekly 92:867. 回文素数

我当时做的时候是先写了一个生成器找素数,然后判断是不是回文数,素数生成器是这样的:

2025
来自专栏小樱的经验随笔

SG函数和SG定理【详解】

在介绍SG函数和SG定理之前我们先介绍介绍必胜点与必败点吧. 必胜点和必败点的概念: P点:必败点,换而言之,就是谁处于此位置,则在双方操作正确的情况下必败。...

3737
来自专栏菩提树下的杨过

ruby学习笔记(4)-动态修改类的属性

动态语言之所以“动态”,最明显的特征就是:类实例的行为/属性可以在new出后,动态修改!个人觉得这种处理相对java/c#(静态语言)来说,更符合现实世界。 ...

2117
来自专栏写代码的海盗

坐忘峰 golang入坑系列

告别昨日梦,今朝艳阳天。 大道通四方,车影舞翩翩。 不做旁观者,去向应了然。 白云绕远树,飞燕春汛传。 天下万千景,彩绘壮河山。 我辈当努力,敢把宏图展。 迈步...

3365
来自专栏大闲人柴毛毛

三分钟理解“简单工厂模式”——设计模式轻松掌握

实际问题: 由于超市隔三差五就要办促销活动,但每次促销活动的方式不一样,所以需要开发一个软件,营业员只要输入原价再选择活动类型后,就能计算出折扣以后的价钱。 普...

38112
来自专栏chafezhou

学习Python,怎能不懂点PEP呢?

作者:豌豆花下猫,某985高校毕业生, 兼具极客思维与人文情怀 。公众号Python猫, 专注python技术、数据科学和深度学习,力图创造一个有趣又有用的学习...

1301
来自专栏前端说吧

JS-Date对象

41710

扫码关注云+社区

领取腾讯云代金券