个是我用htmlcssrScrip写出来的东西，它包括两个部分，一个是上面的转盘，一个是下面的计时器。

·点击spin旋转，它就转，stop停止，停止以后就会反馈，就是获得了什么，学习两个小时。获得这个以后就可以start timer，开始学习。

·这个是重置，重置timer，计时器。如果学完了两个小时再转一次，转完以后又是学习两个小时，再开计时器，学完又重置一遍，再转一下，学习30分钟，再去学30分钟，再开，再关。

这么一个东西要怎么做？等一下我教你们怎么做。

·首先先在桌面新建一个文本文档，给它命名成learning，learning，will，叫什么？学习的转盘，带有WIS，WIS什么timer，计时timer，计时器。

·把它的后缀改一下，改成html覆盖，保存。

·保存完了以后用vs code打开，打开完以后就是一个空白的页面。

·接下来敲代码的时间，写一个前端代码，实现刚刚那个小东西。

·首先把框架给卸了，然后是Id doctyper，html，这个好像是浏览器之类的问题的，管它HML后，这是language的缩写，它就等于English的缩写。

·下面是made，chaset，这是设置一个字符编码的UTF-8，name，这是一个4口属性。

·内容是content，content的宽度是等于设备的宽度。

·它的initial SCA，SCA就是它的初始规模，是等于1.0，就是跟网页的大小是一样的。

·接下来是一个title，就是标题，标题就是learning，learning，will学习的，转盘带有time，就是带有计时器的一个学习的转盘。

·下面是CS的内容，就是style样式，这是CSS的内容。

·接下来就是到波底，接下来就是body的内容，body，head还没结束是吧？不对，我的head去哪了？问题好大，这里有一个head，我是觉得是先写大皇家是比较好的，就是the head。

·head里面包括几个部分，就是title，标题还有style，就是CSS，body，body里面，波波底下面是h，是HGL结束了。

·body里面包含两个东西，两个div就是两个块，这块一个是用来做抽奖的转盘的，一个是用来做timer，就是计时器。

·记下来是叫script东西，就是script，screw script。

·这就是整个的框架，就是这里是CSS的地方，这里是title，它的标题就是网页上它给出的标题，就是地址栏那里的标题。

·这里是两个div，就是两个块，到时候就是用两个容器来装抽奖的转盘和计时器。

·这里是加入script的代码。

大概就讲到这里。

家好，很高兴又见面了，我是"高级前端‬进阶‬"，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发，您的支持是我不断创作的动力。

什么是 Chrono (v2)

Chrono 是 Javascript 中的自然语言日期解析器，它旨在处理大多数日期/时间格式并从任何给定文本中提取信息，内容包括：

• 今天、明天、昨天、上周五等
• 2013 年 8 月 17 日 - 2013 年 8 月 19 日
• 本周五 13:00 - 16:00
• 5 天前
• 2 周后
• 2013 年 8 月 17 日星期六 18:40:39 GMT+0900 (JST)
• 2014-11-30T08:15:30-05:30

目前 Chrono 在 Github 上通过 MIT 协议开源，有超过 3.5k 的 star，值得尝试。

如何使用 Chrono (v2)

基础使用

首先需要通过 NPM 安装：

npm install --save chrono-node

然后直接在代码中引入即可：

import * as chrono from 'chrono-node';

chrono.parseDate('An appointment on Sep 12-13');

如果是 Node.js 环境，可以使用下面的代码：

const chrono = require('chrono-node');

// or `import chrono from 'chrono-node'` for ECMAScript

对于 Chrono 库来说，只需将字符串传递给函数 chrono.parseDate 或 chrono.parse 即可。

import * as chrono from 'chrono-node';

chrono.parseDate('An appointment on Sep 12-13');
// Fri Sep 12 2014 12:00:00 GMT-0500 (CDT)

chrono.parse('An appointment on Sep 12-13');
/* [{ 
    index: 18,
    text: 'Sep 12-13',
    start: ...
}] */

解析参考（日期/时区）

今天的“星期五”与上个月的“星期五”不同，引用日期的含义取决于它们被提及的时间和地点。 Chrono 允许开发者将引用定义为 Date 或 ParsingReference 对象：

// (Note: the exmaples run on JST timezone)
chrono.parseDate('Friday', new Date(2012, 8 - 1, 23));
// Fri Aug 24 2012 12:00:00 GMT+0900 (JST)

chrono.parseDate('Friday', new Date(2012, 8 - 1, 1));
// Fri Aug 03 2012 12:00:00 GMT+0900 (JST)

chrono.parseDate('Friday at 4pm', {
  // Wed Jun 09 2021 21:00:00 GMT+0900 (JST)
  // = Wed Jun 09 2021 07:00:00 GMT-0500 (CDT)
  instant: new Date(1623240000000),
  timezone: 'CDT',
});
// Sat Jun 12 2021 06:00:00 GMT+0900 (JST)
// = Fri Jun 11 2021 16:00:00 GMT-0500 (CDT)

解析配置

forwardDate（布尔值）假设结果应该在参考日期之后发生。

const referenceDate = new Date(2012, 7, 25);
// Sat Aug 25 2012 00:00:00 GMT+0900 -- The reference date was Saturday

chrono.parseDate('Friday', referenceDate);
// Fri Aug 24 2012 12:00:00 GMT+0900 (JST) -- The day before was Friday

chrono.parseDate('Friday', referenceDate, { forwardDate: true });
// Fri Aug 31 2012 12:00:00 GMT+0900 (JST) -- The following Friday

timezones 覆盖或添加时区缩写和偏移量之间的自定义映射。 当希望 Chrono 将某些文本解析为给定的时区偏移量时，请使用此选项。 Chrono 支持明确的（正常）时区映射和模糊映射，其中夏令时期间和之外的偏移量不同。

// Chrono doesn't understand XYZ, so no timezone is parsed
chrono.parse('at 10:00 XYZ', new Date(2023, 3, 20))
// "knownValues": {"hour": 10, "minute": 0}

// Make Chrono parse XYZ as offset GMT-0300 (180 minutes)
chrono.parse('at 10:00 XYZ', new Date(2023, 3, 20), { timezones: { XYZ: -180 } })
// "knownValues": {"hour": 10, "minute": 0, "timezoneOffset": -180}

// Make Chrono parse XYZ as offset GMT-0300 outside of DST, and GMT-0200 during DST. Assume DST is between 
import { getLastDayOfMonthTransition } from "timezone";
import { Weekday, Month } from "parsing";

const parseXYZAsAmbiguousTz = {
  timezoneOffsetDuringDst: -120,
  timezoneOffsetNonDst: -180,
  dstStart: (year: number) => getLastWeekdayOfMonth(year, Month.FEBRUARY, Weekday.SUNDAY, 2),
  dstEnd: (year: number) => getLastWeekdayOfMonth(year, Month.SEPTEMBER, Weekday.SUNDAY, 3)
};
// Parsing a date which falls within DST
chrono.parse('Jan 1st 2023 at 10:00 XYZ', new Date(2023, 3, 20), { timezones: { XYZ: parseXYZAsAmbiguousTz } })
// "knownValues": {"month": 1, ..., "timezoneOffset": -180}

// Parsing a non-DST date
chrono.parse('Jun 1st 2023 at 10:00 XYZ', new Date(2023, 3, 20), { timezones: { XYZ: parseXYZAsAmbiguousTz } })
// "knownValues": {"month": 6, ..., "timezoneOffset": -120}

参考资料

https://github.com/wanasit/chrono

https://dexlock.com/blog/a-dive-into-nlp-date-parsers/