JavaScript学习笔记020-日期对象0倒计时
标签：
JavaScript
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月，所以提取的月份需+1date.getDate( ); // 日份date.getDay( ); // 星期date.getHours( ); // 小时date.getMinutes( ); // 分钟date.getSeconds( ); // 秒钟date.getMilliseconds( ); // 毫秒 0 - 999date.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>
作者：Mr柳上原
链接：https://www.jianshu.com/p/1ea4448d30bb
点击查看更多内容
为 TA 点赞
评论
共同学习，写下你的评论
评论加载中...
作者其他优质文章
正在加载中
相关文章推荐
感谢您的支持，我会继续努力的～
扫码打赏，你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫，即可进行扫码打赏哦