在oschina上找到了一个生成cron表达式的小工具，分享一下，地址：
http://www.jeasyuicn.com/cron/
具体代码：
1、html
<!DOCTYPE html>
<html>
<head>
<meta charset="GBK">
<title>Quartz Cron 生成工具</title>
<link rel="stylesheet" type="text/css" href="http://www.jeasyuicn.com/cron/themes/bootstrap/easyui.css">
<link rel="stylesheet" type="text/css" href="http://www.jeasyuicn.com/cron/themes/icon.css">
<script type="text/javascript" src="http://www.jeasyuicn.com/cron/jquery.min.js"></script>
<script type="text/javascript" src="http://www.jeasyuicn.com/cron/jquery.easyui.min.js"></script>
<script type="text/javascript" src="cron.js"></script>
<style>
.line{
height: 25px;
line-height: 25px;
margin: 3px;
}
.imp{
padding-left: 25px;
}
.col{
width:95px;
}
</style>
</head>
<body >
<center>
<h2>Quartz Cron 生成工具</h2>
<div class="easyui-layout" style="width:830px;height:540px;border:1px rgb(202, 196, 196) solid;border-radius: 5px">
<div data-options="region:'center',border:false" title="<a href='/'>Easyui学习班</a>">
<div class="easyui-tabs" data-options="fit:true,border:false">
<div title="秒">
<div class="line"><input type="radio" checked="checked" name="second" οnclick="everyTime(this)"> 每秒 允许的通配符[, - * /]</div>
<div class="line"><input type="radio" name="second" οnclick="cycle(this)"> 周期从 <input class="numberspinner" style="width:60px;" data-options="min:1,max:58" value="1"> - <input class="numberspinner" style="width:60px;" data-options="min:2,max:59" value="2"> 秒</div>
<div class="line"><input type="radio" name="second" οnclick="startOn(this)"> 从 <input class="numberspinner" style="width:60px;" data-options="min:0,max:59" value="0"> 秒开始,每 <input class="numberspinner" style="width:60px;" data-options="min:1,max:59" value="1"> 秒执行一次</div>
<div class="line"><input type="radio" name="second" id="sencond_appoint"> 指定</div>
<div class="imp secondList">
<input type="checkbox" value="1">01
<input type="checkbox" value="2">02
<input type="checkbox" value="3">03
<input type="checkbox" value="4">04
<input type="checkbox" value="5">05
<input type="checkbox" value="6">06
<input type="checkbox" value="7">07
<input type="checkbox" value="8">08
<input type="checkbox" value="9">09
<input type="checkbox" value="10">10</div><div class="imp secondList">
<input type="checkbox" value="11">11
<input type="checkbox" value="12">12
<input type="checkbox" value="13">13
<input type="checkbox" value="14">14
<input type="checkbox" value="15">15
<input type="checkbox" value="16">16
<input type="checkbox" value="17">17
<input type="checkbox" value="18">18
<input type="checkbox" value="19">19
<input type="checkbox" value="20">20</div><div class="imp secondList">
<input type="checkbox" value="21">21
<input type="checkbox" value="22">22
<input type="checkbox" value="23">23
<input type="checkbox" value="24">24
<input type="checkbox" value="25">25
<input type="checkbox" value="26">26
<input type="checkbox" value="27">27
<input type="checkbox" value="28">28
<input type="checkbox" value="29">29
<input type="checkbox" value="30">30</div><div class="imp secondList">
<input type="checkbox" value="31">31
<input type="checkbox" value="32">32
<input type="checkbox" value="33">33
<input type="checkbox" value="34">34
<input type="checkbox" value="35">35
<input type="checkbox" value="36">36
<input type="checkbox" value="37">37
<input type="checkbox" value="38">38
<input type="checkbox" value="39">39
<input type="checkbox" value="40">40</div><div class="imp secondList">
<input type="checkbox" value="41">41
<input type="checkbox" value="42">42
<input type="checkbox" value="43">43
<input type="checkbox" value="44">44
<input type="checkbox" value="45">45
<input type="checkbox" value="46">46
<input type="checkbox" value="47">47
<input type="checkbox" value="48">48
<input type="checkbox" value="49">49
<input type="checkbox" value="50">50</div><div class="imp secondList">
<input type="checkbox" value="51">51
<input type="checkbox" value="52">52
<input type="checkbox" value="53">53
<input type="checkbox" value="54">54
<input type="checkbox" value="55">55
<input type="checkbox" value="56">56
<input type="checkbox" value="57">57
<input type="checkbox" value="58">58
<input type="checkbox" value="59">59
</div>
</div>
<div title="分钟">
<div class="line"><input type="radio" checked="checked" name="min" οnclick="everyTime(this)"> 分钟 允许的通配符[, - * /]</div>
<div class="line"><input type="radio" name="min" οnclick="cycle(this)"> 周期从 <input class="numberspinner" style="width:60px;" data-options="min:1,max:58" value="1"> - <input class="numberspinner" style="width:60px;" data-options="min:2,max:59" value="2"> 分钟</div>
<div class="line"><input type="radio" name="min" οnclick="startOn(this)"> 从 <input class="numberspinner" style="width:60px;" data-options="min:0,max:59" value="0"> 分钟开始,每 <input class="numberspinner" style="width:60px;" data-options="min:1,max:59" value="1"> 分钟执行一次</div>
<div class="line"><input type="radio" name="min" id="min_appoint"> 指定</div>
<div class="imp minList">
<input type="checkbox" value="1">01
<input type="checkbox" value="2">02
<input type="checkbox" value="3">03
<input type="checkbox" value="4">04
<input type="checkbox" value="5">05
<input type="checkbox" value="6">06
<input type="checkbox" value="7">07
<input type="checkbox" value="8">08
<input type="checkbox" value="9">09
<input type="checkbox" value="10">10</div><div class="imp minList">
<input type="checkbox" value="11">11
<input type="checkbox" value="12">12
<input type="checkbox" value="13">13
<input type="checkbox" value="14">14
<input type="checkbox" value="15">15
<input type="checkbox" value="16">16
<input type="checkbox" value="17">17
<input type="checkbox" value="18">18
<input type="checkbox" value="19">19
<input type="checkbox" value="20">20</div><div class="imp minList">
<input type="checkbox" value="21">21
<input type="checkbox" value="22">22
<input type="checkbox" value="23">23
<input type="checkbox" value="24">24
<input type="checkbox" value="25">25
<input type="checkbox" value="26">26
<input type="checkbox" value="27">27
<input type="checkbox" value="28">28
<input type="checkbox" value="29">29
<input type="checkbox" value="30">30</div><div class="imp minList">
<input type="checkbox" value="31">31
<input type="checkbox" value="32">32
<input type="checkbox" value="33">33
<input type="checkbox" value="34">34
<input type="checkbox" value="35">35
<input type="checkbox" value="36">36
<input type="checkbox" value="37">37
<input type="checkbox" value="38">38
<input type="checkbox" value="39">39
<input type="checkbox" value="40">40</div><div class="imp minList">
<input type="checkbox" value="41">41
<input type="checkbox" value="42">42
<input type="checkbox" value="43">43
<input type="checkbox" value="44">44
<input type="checkbox" value="45">45
<input type="checkbox" value="46">46
<input type="checkbox" value="47">47
<input type="checkbox" value="48">48
<input type="checkbox" value="49">49
<input type="checkbox" value="50">50</div><div class="imp minList">
<input type="checkbox" value="51">51
<input type="checkbox" value="52">52
<input type="checkbox" value="53">53
<input type="checkbox" value="54">54
<input type="checkbox" value="55">55
<input type="checkbox" value="56">56
<input type="checkbox" value="57">57
<input type="checkbox" value="58">58
<input type="checkbox" value="59">59
</div>
</div>
<div title="小时">
<div class="line"><input type="radio" checked="checked" name="hour" οnclick="everyTime(this)"> 小时 允许的通配符[, - * /]</div>
<div class="line"><input type="radio" name="hour" οnclick="cycle(this)"> 周期从 <input class="numberspinner" style="width:60px;" data-options="min:0,max:23" value="0"> - <input class="numberspinner" style="width:60px;" data-options="min:2,max:23" value="2"> 小时</div>
<div class="line"><input type="radio" name="hour" οnclick="startOn(this)"> 从 <input class="numberspinner" style="width:60px;" data-options="min:0,max:23" value="0"> 小时开始,每 <input class="numberspinner" style="width:60px;" data-options="min:1,max:23" value="1"> 小时执行一次</div>
<div class="line"><input type="radio" name="hour" id="hour_appoint"> 指定</div>
<div class="imp hourList">AM:
<input type="checkbox" value="0">00
<input type="checkbox" value="1">01
<input type="checkbox" value="2">02
<input type="checkbox" value="3">03
<input type="checkbox" value="4">04
<input type="checkbox" value="5">05
<input type="checkbox" value="6">06
<input type="checkbox" value="7">07
<input type="checkbox" value="8">08
<input type="checkbox" value="9">09
<input type="checkbox" value="10">10
<input type="checkbox" value="11">11
</div>
<div class="imp hourList">PM:
<input type="checkbox" value="12">12
<input type="checkbox" value="13">13
<input type="checkbox" value="14">14
<input type="checkbox" value="15">15
<input type="checkbox" value="16">16
<input type="checkbox" value="17">17
<input type="checkbox" value="18">18
<input type="checkbox" value="19">19
<input type="checkbox" value="20">20
<input type="checkbox" value="21">21
<input type="checkbox" value="22">22
<input type="checkbox" value="23">23
</div>
</div>
<div title="日">
<div class="line"><input type="radio" checked="checked" name="day" οnclick="everyTime(this)"> 日 允许的通配符[, - * / L W]</div>
<div class="line"><input type="radio" name="day" οnclick="unAppoint(this)"> 不指定</div>
<div class="line"><input type="radio" name="day" οnclick="cycle(this)"> 周期从 <input class="numberspinner" style="width:60px;" data-options="min:1,max:31" value="1"> - <input class="numberspinner" style="width:60px;" data-options="min:2,max:31" value="2"> 日</div>
<div class="line"><input type="radio" name="day" οnclick="startOn(this)"> 从 <input class="numberspinner" style="width:60px;" data-options="min:1,max:31" value="1"> 日开始,每 <input class="numberspinner" style="width:60px;" data-options="min:1,max:31" value="1"> 天执行一次</div>
<div class="line"><input type="radio" name="day" οnclick="workDay(this)"> 每月 <input class="numberspinner" style="width:60px;" data-options="min:1,max:31" value="1"> 号最近的那个工作日</div>
<div class="line"><input type="radio" name="day" οnclick="lastDay(this)"> 本月最后一天</div>
<div class="line"><input type="radio" name="day" id="day_appoint"> 指定</div>
<div class="imp dayList">
<input type="checkbox" value="1">1
<input type="checkbox" value="2">2
<input type="checkbox" value="3">3
<input type="checkbox" value="4">4
<input type="checkbox" value="5">5
<input type="checkbox" value="6">6
<input type="checkbox" value="7">7
<input type="checkbox" value="8">8
<input type="checkbox" value="9">9
<input type="checkbox" value="10">10
<input type="checkbox" value="11">11
<input type="checkbox" value="12">12
<input type="checkbox" value="13">13
<input type="checkbox" value="14">14
<input type="checkbox" value="15">15
<input type="checkbox" value="16">16
</div>
<div class="imp dayList">
<input type="checkbox" value="17">17
<input type="checkbox" value="18">18
<input type="checkbox" value="19">19
<input type="checkbox" value="20">20
<input type="checkbox" value="21">21
<input type="checkbox" value="22">22
<input type="checkbox" value="23">23
<input type="checkbox" value="24">24
<input type="checkbox" value="25">25
<input type="checkbox" value="26">26
<input type="checkbox" value="27">27
<input type="checkbox" value="28">28
<input type="checkbox" value="29">29
<input type="checkbox" value="30">30
<input type="checkbox" value="31">31
</div>
</div>
<div title="月">
<div class="line"><input type="radio" checked="checked" name="mouth" οnclick="everyTime(this)"> 月 允许的通配符[, - * /]</div>
<div class="line"><input type="radio" name="mouth" οnclick="unAppoint(this)"> 不指定</div>
<div class="line"><input type="radio" name="mouth" οnclick="cycle(this)"> 周期从 <input class="numberspinner" style="width:60px;" data-options="min:1,max:12" value="1"> - <input class="numberspinner" style="width:60px;" data-options="min:2,max:12" value="2"> 月</div>
<div class="line"><input type="radio" name="mouth" οnclick="startOn(this)"> 从 <input class="numberspinner" style="width:60px;" data-options="min:1,max:12" value="1"> 日开始,每 <input class="numberspinner" style="width:60px;" data-options="min:1,max:12" value="1"> 月执行一次</div>
<div class="line"><input type="radio" name="mouth" id="mouth_appoint"> 指定</div>
<div class="imp mouthList">
<input type="checkbox" value="1">1
<input type="checkbox" value="2">2
<input type="checkbox" value="3">3
<input type="checkbox" value="4">4
<input type="checkbox" value="5">5
<input type="checkbox" value="6">6
<input type="checkbox" value="7">7
<input type="checkbox" value="8">8
<input type="checkbox" value="9">9
<input type="checkbox" value="10">10
<input type="checkbox" value="11">11
<input type="checkbox" value="12">12
</div>
</div>
<div title="周">
<div class="line"><input type="radio" checked="checked" name="week" οnclick="everyTime(this)"> 周 允许的通配符[, - * / L #]</div>
<div class="line"><input type="radio" name="week" οnclick="unAppoint(this)"> 不指定</div>
<div class="line"><input type="radio" name="week" οnclick="startOn(this)"> 周期 从星期<input class="numberspinner" style="width:60px;" data-options="min:1,max:7" value="1"> - <input class="numberspinner" style="width:60px;" data-options="min:2,max:7" value="2"></div>
<div class="line"><input type="radio" name="week" οnclick="weekOfDay(this)"> 第<input class="numberspinner" style="width:60px;" data-options="min:1,max:4" value="1"> 周 的星期<input class="numberspinner" style="width:60px;" data-options="min:1,max:7" value="1"></div>
<div class="line"><input type="radio" name="week" οnclick="lastWeek(this)"> 本月最后一个星期<input class="numberspinner" style="width:60px;" data-options="min:1,max:7" value="1"></div>
<div class="line"><input type="radio" name="week" id="week_appoint"> 指定</div>
<div class="imp weekList">
<input type="checkbox" value="1">1
<input type="checkbox" value="2">2
<input type="checkbox" value="3">3
<input type="checkbox" value="4">4
<input type="checkbox" value="5">5
<input type="checkbox" value="6">6
<input type="checkbox" value="7">7
</div>
</div>
<div title="年">
<div class="line"><input type="radio" checked="checked" name="year" οnclick="unAppoint(this)"> 不指定 允许的通配符[, - * /] 非必填</div>
<div class="line"><input type="radio" name="year" οnclick="everyTime(this)"> 每年</div>
<div class="line"><input type="radio" name="year" οnclick="cycle(this)">周期 从 <input class="numberspinner" style="width:90px;" data-options="min:2013,max:3000" value="2013"> - <input class="numberspinner" style="width:90px;" data-options="min:2014,max:3000" value="2014"></div>
</div>
</div>
</div>
<div data-options="region:'south',border:false" style="height:230px">
<fieldset style="border-radius: 3px;height:116px;">
<legend>表达式</legend>
<table style="height: 100px;">
<tbody>
<tr>
<td ></td>
<td align="center">
秒
</td>
<td align="center">
分钟
</td>
<td align="center">
小时
</td>
<td align="center">
日
</td>
<td align="center">
月<br/>
</td>
<td align="center">
星期
</td>
<td align="center">
年
</td>
</tr>
<tr>
<td >
表达式字段:
</td>
<td >
<input type="text" name="v_second" class="col" value="*" readonly="readonly"/>
</td>
<td >
<input type="text" name="v_min" class="col" value="*" readonly="readonly"/>
</td>
<td >
<input type="text" name="v_hour" class="col" value="*" readonly="readonly"/>
</td>
<td >
<input type="text" name="v_day" class="col" value="*" readonly="readonly"/>
</td>
<td >
<input type="text" name="v_mouth" class="col" value="*" readonly="readonly"/>
</td>
<td >
<input type="text" name="v_week" class="col" value="?" readonly="readonly"/>
</td>
<td >
<input type="text" name="v_year" class="col" readonly="readonly"/>
</td>
</tr>
<tr>
<td >
Cron表达式:
</td>
<td colspan="7">
<input type="text" name="cron" style="width:100%;" value="* * * * * ? " id="cron" readonly="readonly"/>
</td>
</tr>
</tbody>
</table>
</fieldset>
<div style="text-align:center;margin-top: 5px;">
<div>
</div>
</div>
</center>
</body>
</html>2、js：
/**
* 每周期
*/
function everyTime(dom) {
var item = $("input[name=v_" + dom.name + "]");
item.val("*");
item.change();
}
/**
* 不指定
*/
function unAppoint(dom) {
var name = dom.name;
var val = "?";
if (name == "year")
val = "";
var item = $("input[name=v_" + name + "]");
item.val(val);
item.change();
}
function appoint(dom) {
}
/**
* 周期
*/
function cycle(dom) {
var name = dom.name;
var ns = $(dom).parent().find(".numberspinner");
var start = ns.eq(0).numberspinner("getValue");
var end = ns.eq(1).numberspinner("getValue");
var item = $("input[name=v_" + name + "]");
item.val(start + "-" + end);
item.change();
}
/**
* 从开始
*/
function startOn(dom) {
var name = dom.name;
var ns = $(dom).parent().find(".numberspinner");
var start = ns.eq(0).numberspinner("getValue");
var end = ns.eq(1).numberspinner("getValue");
var item = $("input[name=v_" + name + "]");
item.val(start + "/" + end);
item.change();
}
/**
* 最后一天
*/
function lastDay(dom){
var item = $("input[name=v_" + dom.name + "]");
item.val("L");
item.change();
}
/**
* 周天
*/
function weekOfDay(dom){
var name = dom.name;
var ns = $(dom).parent().find(".numberspinner");
var start = ns.eq(0).numberspinner("getValue");
var end = ns.eq(1).numberspinner("getValue");
var item = $("input[name=v_" + name + "]");
item.val(start + "#" + end);
item.change();
}
/**
* 最后一周
*/
function lastWeek(dom){
var item = $("input[name=v_" + dom.name + "]");
var ns = $(dom).parent().find(".numberspinner");
var start = ns.eq(0).numberspinner("getValue");
item.val(start+"L");
item.change();
}
/**
* 工作日
*/
function workDay(dom) {
var name = dom.name;
var ns = $(dom).parent().find(".numberspinner");
var start = ns.eq(0).numberspinner("getValue");
var item = $("input[name=v_" + name + "]");
item.val(start + "W");
item.change();
}
$(function() {
$(".numberspinner").numberspinner({
onChange:function(){
$(this).closest("div.line").children().eq(0).click();
}
});
var vals = $("input[name^='v_']");
var cron = $("#cron");
vals.change(function() {
var item = [];
vals.each(function() {
item.push(this.value);
});
cron.val(item.join(" "));
});
var secondList = $(".secondList").children();
$("#sencond_appoint").click(function(){
if(this.checked){
secondList.eq(0).change();
}
});
secondList.change(function() {
var sencond_appoint = $("#sencond_appoint").prop("checked");
if (sencond_appoint) {
var vals = [];
secondList.each(function() {
if (this.checked) {
vals.push(this.value);
}
});
var val = "?";
if (vals.length > 0 && vals.length < 59) {
val = vals.join(",");
}else if(vals.length == 59){
val = "*";
}
var item = $("input[name=v_second]");
item.val(val);
item.change();
}
});
var minList = $(".minList").children();
$("#min_appoint").click(function(){
if(this.checked){
minList.eq(0).change();
}
});
minList.change(function() {
var min_appoint = $("#min_appoint").prop("checked");
if (min_appoint) {
var vals = [];
minList.each(function() {
if (this.checked) {
vals.push(this.value);
}
});
var val = "?";
if (vals.length > 0 && vals.length < 59) {
val = vals.join(",");
}else if(vals.length == 59){
val = "*";
}
var item = $("input[name=v_min]");
item.val(val);
item.change();
}
});
var hourList = $(".hourList").children();
$("#hour_appoint").click(function(){
if(this.checked){
hourList.eq(0).change();
}
});
hourList.change(function() {
var hour_appoint = $("#hour_appoint").prop("checked");
if (hour_appoint) {
var vals = [];
hourList.each(function() {
if (this.checked) {
vals.push(this.value);
}
});
var val = "?";
if (vals.length > 0 && vals.length < 24) {
val = vals.join(",");
}else if(vals.length == 24){
val = "*";
}
var item = $("input[name=v_hour]");
item.val(val);
item.change();
}
});
var dayList = $(".dayList").children();
$("#day_appoint").click(function(){
if(this.checked){
dayList.eq(0).change();
}
});
dayList.change(function() {
var day_appoint = $("#day_appoint").prop("checked");
if (day_appoint) {
var vals = [];
dayList.each(function() {
if (this.checked) {
vals.push(this.value);
}
});
var val = "?";
if (vals.length > 0 && vals.length < 31) {
val = vals.join(",");
}else if(vals.length == 31){
val = "*";
}
var item = $("input[name=v_day]");
item.val(val);
item.change();
}
});
var mouthList = $(".mouthList").children();
$("#mouth_appoint").click(function(){
if(this.checked){
mouthList.eq(0).change();
}
});
mouthList.change(function() {
var mouth_appoint = $("#mouth_appoint").prop("checked");
if (mouth_appoint) {
var vals = [];
mouthList.each(function() {
if (this.checked) {
vals.push(this.value);
}
});
var val = "?";
if (vals.length > 0 && vals.length < 12) {
val = vals.join(",");
}else if(vals.length == 12){
val = "*";
}
var item = $("input[name=v_mouth]");
item.val(val);
item.change();
}
});
var weekList = $(".weekList").children();
$("#week_appoint").click(function(){
if(this.checked){
weekList.eq(0).change();
}
});
weekList.change(function() {
var week_appoint = $("#week_appoint").prop("checked");
if (week_appoint) {
var vals = [];
weekList.each(function() {
if (this.checked) {
vals.push(this.value);
}
});
var val = "?";
if (vals.length > 0 && vals.length < 7) {
val = vals.join(",");
}else if(vals.length == 7){
val = "*";
}
var item = $("input[name=v_week]");
item.val(val);
item.change();
}
});
});效果图如下：
扫一扫
2304
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
