# cron-gen

**Repository Path**: hhf002/cron-gen

## Basic Information

- **Project Name**: cron-gen
- **Description**: 原生js Cron表达式生成器，无依赖
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-01-09
- **Last Updated**: 2025-01-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# cron-gen

#### 介绍
原生js Cron表达式生成器，无依赖，该代码由DeepSeek-v3 大模型，通过多轮提示词交互生成

#### 执行方式
下载源码，浏览器打开index.html使用

#### 页面如下
![输入图片说明](https://foruda.gitee.com/images/1736420039384306264/53ccb3e0_1328804.png "屏幕截图")

支持切换主题
![输入图片说明](https://foruda.gitee.com/images/1736420063317912845/3d0ed297_1328804.png "屏幕截图")


#### 核心提示词

```
你是一个前端程序员，以下是需求功能描述：
cron表达式解析反解析UI包括秒、分钟、小时、日、月、周、年 七个tab页，每个tab页UI设置对应cron表达式的一位。
秒的设置包括以下单选项，每项一行
1、每秒 允许的通配符[, - * /]
2、周期从 X到X秒
3、周期从X秒开始，每X秒执行一次
4、列出0到59秒多选框，可以指定具体执行的秒，要求：多选框从左到右顺序铺开，自适应换行。

分钟的设置包括以下单选项，每项一行
1、每分钟 允许的通配符[, - * /]
2、周期从 X到X分钟
3、周期从X分钟开始，每X分钟执行一次
4、列出0到59分钟多选框，可以指定具体执行的分钟，要求：多选框从左到右顺序铺开，自适应换行。

小时的设置包括以下单选项，每项一行
1、每小时 允许的通配符[, - * /]
2、周期从 X到X小时
3、周期从X小时开始，每X小时执行一次
4、列出0到23小时多选框，可以指定具体执行的小时，要求：多选框从左到右顺序铺开，自适应换行。

日的设置包括以下单选项，每项一行
1、每日 允许的通配符[, - * /]
2、不指定
3、周期从 X到X日
4、周期从X日开始，每X日执行一次
5、每月X号最近的那个工作日
6、本月最后一天
7、列出1号到31号多选框，可以指定具体哪一天执行，要求：多选框从左到右顺序铺开，自适应换行。

月的设置包括以下单选项，每项一行
1、每月 允许的通配符[, - * /]
2、不指定
3、周期从 X到X月
4、周期从X月开始，每X月执行一次
4、列出1到12月份多选框，可以指定具体的执行月份，要求：多选框从左到右顺序铺开，自适应换行。

周的设置包括以下单选项，每项一行
1、每周 允许的通配符[, - * /]
2、不指定
3、周期从星期X到星期X
4、第X周的星期X执行
5、本月最后一个星期X执行
4、列出星期一到星期日多选框，可以指定具体星期几执行，要求：多选框从左到右顺序铺开，自适应换行。

年的设置包括以下单选项，每项一行
1、不指定
2、每年
3、周期从X年到X年

以上X代表一个数字文本框供用户填写，文本框只能写数字，且需要验证数字范围。当填写以上表单，下面的cron表达式可以达到组件实时绑定生成的效果。
tab下面是生成的cron表达式的div
接下来是一个最近10次cron的执行时间列表div

要求：
1、使用h5+css+原生js实现该功能。要有主题切换功能
2、cron解析最近10次时间不使用第三方js库，需要有特殊字符 L, W,#,? 等的Cron表达式的支持。
3、页面样式自适应，可以在手机、平板、PC上使用

```