码迷,mamicode.com
首页 > Web开发 > 详细

Jquery+Jquery-easyui的倒计时

时间:2014-06-15 21:46:15      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:style   class   blog   java   http   ext   

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="Script/jquery-easyui-1.3.2/themes/default/easyui.css" rel="stylesheet"
        type="text/css" />
    <link href="Script/jquery-easyui-1.3.2/themes/icon.css" rel="stylesheet" type="text/css" />
    <script src="Script/jquery-easyui-1.3.2/jquery-1.8.0.min.js" type="text/javascript"></script>
    <script src="Script/jquery-easyui-1.3.2/jquery.easyui.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        var oInterval = "";
        $(function () {
            oInterval = setInterval(CountDown, 1000);
        });

        function CountDown() {
            var count = $("#number").val();
            count--;
            if (count > 0) {
                $("#number").val(count);

            } else {
                clearInterval(oInterval);
                $("#mywin").window(‘close‘);

            };
        }
    </script>
</head>
<body>
    <div id="mywin" class="easyui-window" title="提示" style="width: 250px; height: 100px"
        minimizable="false" maximizable="false" closable="false" collapsible="false"
        data-options="iconCls:‘icon-save‘,modal:true">
        <div class="easyui-layout" data-options="fit:true">
            <div data-options="region:‘center‘">
                正在加载预览内容,剩余时间<input type="button" id="number" value="10" disabled="disabled" />...
            </div>
        </div>
    </div>
</body>
</html>

  

Jquery+Jquery-easyui的倒计时,布布扣,bubuko.com

Jquery+Jquery-easyui的倒计时

标签:style   class   blog   java   http   ext   

原文地址:http://www.cnblogs.com/alphafly/p/3785525.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!