专栏首页菜鸟前端工程师JavaScript学习笔记020-日期对象0倒计时

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 条评论
登录 后参与评论

相关文章

  • html+css学习笔记013-阿里图标0iframe

    Mr. 柳上原
  • JavaScript学习笔记024-默认行为0滚轮事件

    Mr. 柳上原
  • JavaScript学习笔记006-作用域0类型转换

    Mr. 柳上原
  • 日期加减一天

    对数据库查询出的datetime格式的时间数据做范围查询时,如果直接使用如下"<="方式比较的话,会出现查询结果不包含截止时间的问题,一个小技巧是直接给当前时间...

    用户1141560
  • Python——量化分析常用命令介绍(五)

    Last login: Sun Jul 14 08:52:32 on ttys000

    Ed_Frey
  • 快速生成日期维度数据

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.n...

    用户1148526
  • 时间计算 原

            // 今天         // $stage=$this->getlastMonthDays('2015-5-15');         ...

    双面人
  • 毫秒级时间戳转换封装

    const dateFormat = (time) => { var date = new Date() date.setTime(time) var t...

    余生
  • 【爬虫军火库】生成指定日期间的日期列表

    今天没能空下来时间写太多,所以只简单记录一个很具体的需求: 指定了起止日期,如何生成一个日期列表。 这个需求是我之前在抓取一个环保的历史数据时遇到的: ? 如...

    不二小段
  • Python——量化分析介绍(八)

    今天内容不多,也不复杂。首先,之前写的stock_util补充一个获取指定日期前某个交易日期的函数,毕竟后期写到买卖点指标的时候,难免要用到前后两个交易日指标值...

    Ed_Frey

扫码关注云+社区

领取腾讯云代金券