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="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>