<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Cron Generator</title>
<link href="cron/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="cron/fontas/css/font-awesome.min.css">
<script src="cron/jquery.min.js"></script>
<script src="cron/bootstrap.min.js"></script>
<link href="cron/icheck/skin/blue.css" rel="stylesheet">
<link href="cron/button/buttons.css" rel="stylesheet">
<script src="cron/icheck/icheck.min.js"></script>
<script src="cron/spinner/jquery.spinner.min.js"></script>
<script src="cron/init.js"></script>
<script src="cron/cronboot.js"></script>
<script type="text/javascript">
function change(index) {
var val = $(":focus").prevAll("input:hidden").val();
//alert(val);
if ((parseInt(val) + index) < 1) {
$(":focus").prevAll("input:hidden").prev("input:text").val("周日");
} else if ((parseInt(val) + index) > 7) {
$(":focus").prevAll("input:hidden").prev("input:text").val("周六");
} else {
switch (parseInt(val) + index) {
case 1:
$(":focus").prevAll("input:hidden").prev("input:text").val("周日");
break;
case 2:
$(":focus").prevAll("input:hidden").prev("input:text").val("周一");
break;
case 3:
$(":focus").prevAll("input:hidden").prev("input:text").val("周二");
break;
case 4:
$(":focus").prevAll("input:hidden").prev("input:text").val("周三");
break;
case 5:
$(":focus").prevAll("input:hidden").prev("input:text").val("周四");
break;
case 6:
$(":focus").prevAll("input:hidden").prev("input:text").val("周五");
break;
case 7:
$(":focus").prevAll("input:hidden").prev("input:text").val("周六");
break;
}
}
}
</script>
</head>
<body>
<div class="container-fluid">
<div class="col-xs-12 col-sm-12 col-md-10 col-md-offset-1">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">生成器</h3>
</div>
<div class="panel-body">
<ul id="myTab" class="nav nav-tabs">
<li class="active"><a href="#t_second" data-toggle="tab">秒</a></li>
<li><a href="#t_min" data-toggle="tab">分</a></li>
<li><a href="#t_hour" data-toggle="tab">时</a></li>
<li><a href="#t_day" data-toggle="tab">日</a></li>
<li><a href="#t_month" data-toggle="tab">月</a></li>
<li><a href="#t_week" data-toggle="tab">周</a></li>
<li><a href="#t_year" data-toggle="tab">年</a></li>
</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade in active" id="t_second">
<div class="radiocheck">
<p>
<input type="radio" checked="checked" id="r_second" name="second" class="firstradio">
每秒
</p>
</div>
<div class="radiocheck">
<p>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3">
<div data-trigger="spinner" class="cyclespin">
<input type="radio" name="second" class="cycleradio">
周期 从
<input type="text" data-min="0" data-max="59" data-step="1" value="0" style="width:50px;"
class="numberspinner" name="second">
<a href="javascript:;" data-spin="down"><i class=" icon-minus-sign icon-large "></i> </a> <a
href="javascript:;" data-spin="up"><i class=" icon-plus-sign icon-large"></i> </a> 秒
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<div data-trigger="spinner" class="cyclespin">
到
<input type="text" data-min="0" data-max="59" data-step="1" value="0" style="width:50px;"
class="numberspinner" name="second">
<a href="javascript:;" data-spin="down"><i class=" icon-minus-sign icon-large "></i> </a> <a
href="javascript:;" data-spin="up"><i class="icon-plus-sign icon-large"></i> </a> 秒
</div>
</div>
</div>
</p>
</div>
<div class="radiocheck">
<p>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-3">
<div data-trigger="spinner" class="loopspin">
<input type="radio" name="second" class="loopradio">
循环 从
<input type="text" data-min="0" data-max="59" data-step="1" value="0" style="width:50px;"
class="numberspinner" name="second">
<a href="javascript:;" data-spin="down"><i class=" icon-minus-sign icon-large "></i> </a> <a
href="javascript:;" data-spin="up"><i class=" icon-plus-sign icon-large"></i> </a> 秒 开始
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-3">
<div data-trigger="spinner" class="loopspin">
每
<input type="text" data-min="1" data-max="59" data-step="1" valus="1" style="width:50px;"
class="numberspinner" name="second">
<a href="javascript:;" data-spin="down"><i class=" icon-minus-sign icon-large "></i> </a> <a
href="javascript:;" data-spin="up"><i class="icon-plus-sign icon-large"></i> </a> 秒 执行一次
</div>
</div>
</div>
</p>
</div>
<div class="radiocheck">
<p>
<input type="radio" name="second" class="choiceradio">
自定义
<div class="row">
<div class="secondList" id="l_second"></div>
</div>
</p>
</div>
</div>
<div class="tab-pane fade" id="t_min">
<div class="radiocheck">
<p>
<input type="radio" checked="checked" id="r_minute" name="min" class="firstradio">
每分
</p>
</div>
<div class="radiocheck">
<p>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3">
<div data-trigger="spinner" class="cyclespin">
<input type="radio" name="min" class="cycleradio">
周期 从
<input type="text" data-min="0" data-max="59" data-step="1" value="0" style="width:50px;"
class="numberspinner" name="min">
<a href="javascript:;" data-spin="down"><i class=" icon-minus-sign icon-large "></i> </a> <a
href="javascript:;" data-spin="up"><i class=" icon-plus-sign icon-large"></i> </a> 分
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<div data-trigger="spinner" class="cyclespin">
到
<input type="text" data-min="0" data-max="59" data-step="1" value="0" style="width:50px;"
class="numberspinner" name="min">
<a href="javascript:;" data-spin="down"><i class=" icon-minus-sign icon-large "></i> </a> <a
href="javascript:;" data-spin="up"><i class="icon-plus-sign icon-large"></i> </a> 分
</div>
</div>
</div>
</p>
</div>
<div class="radiocheck">
<p>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-3">
<div data-trigger="spinner" class="loopspin">
<input type="radio" name="min" class="loopradio">
循环 从
<input type="text" data-min="0" data-max="59" data-step="1" value="0" style="width:50px;"
class="numberspinner" name="min">
<a href="javascript:;" data-spin="down"><i class=" icon-minus-sign icon-large "></i> </a> <a
href="javascript:;" data-spin="up"><i class=" icon-plus-sign icon-large"></i> </a> 分 开始
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-3">
<div data-trigger="spinner" class="loopspin">
每
<input type="text" data-min="1" data-max="59" data-step="1" value="1" style="width:50px;"
class="numberspinner" name="min">
<a href="javascript:;" data-spin="down"><i class=" icon-minus-sign icon-large "
quartz cron表达式 Bootstrap实现
5星 · 超过95%的资源 需积分: 50 33 浏览量
2017-11-14
15:47:40
上传
评论 1
收藏 335KB ZIP 举报 
cron.zip （22个子文件） 
cron cron 
cronboot.js 7KB button buttons.css 79KB fontas font 
fontawesome-webfont.svg 193KB fontawesome-webfont.eot 37KB FontAwesome.otf 60KB fontawesome-webfont.woff 43KB fontawesome-webfont.ttf 77KB css font-awesome-ie7.min.css 37KB font-awesome-ie7.css 40KB font-awesome.min.css 22KB font-awesome.css 27KB bootstrap.min.css 124KB jquery.min.js 81KB cron.js 8KB spinner jquery.spinner.min.js 4KB icheck skin 
blue.png 2KB blue.css 1KB blue@2x.png 4KB icheck.min.js 5KB bootstrap.min.js 35KB init.js 7KB
cron.html 27KB资源评论
shakealong2018-01-11非常好的资源，谢谢分享
