JavaScript学习笔记020-日期对象0倒计时
JavaScript学习笔记020-日期对象0倒计时
Mr. 柳上原
发布于 2018-09-05 15:24:13
发布于 2018-09-05 15:24:13
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>本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2018.08.27 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读