首页 > 代码库 > Jquery+Jquery-easyui的倒计时

Jquery+Jquery-easyui的倒计时

<!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="http://www.mamicode.com/Script/jquery-easyui-1.3.2/themes/default/easyui.css" rel="stylesheet"        type="text/css" />    <link href="http://www.mamicode.com/Script/jquery-easyui-1.3.2/themes/icon.css" rel="stylesheet" type="text/css" />    <script src="http://www.mamicode.com/Script/jquery-easyui-1.3.2/jquery-1.8.0.min.js" type="text/javascript"></script>    <script src="http://www.mamicode.com/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="http://www.mamicode.com/10" disabled="disabled" />...            </div>        </div>    </div></body></html>