验证中...
片段 1 片段 2
html
原始数据 复制代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>计时器</title>
<link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
<link rel="stylesheet" type="text/css" href="css/zb_common.css"/>
</head>
<body>
<div class="timer_box" style="margin-top:25%;">
<span id="time_m">00</span>
<span>:</span>
<span id="time_s">00</span>
<div class="timerBtn_box">
<button type="button" id="starOrEnd" class="layui-btn layui-btn-primary">开始倒计时</button>
<!--<button type="button" id="end" class="layui-btn layui-btn-danger">停止计时</button>-->
<button type="button" id="zreo" class="layui-btn layui-btn-disabled layui-btn-danger">结束计时</button>
</div>
</div>
<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
<script type="text/javascript" src="layui/layui.js" ></script>
<script type="text/javascript" src="js/timer.js"></script>
</body>
</html>
正计时倒计时demo.zip

评论列表( 0 )

你可以在登录后,发表评论

搜索帮助