zoukankan      html  css  js  c++  java
  • 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=" 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>
    

      

  • 相关阅读:
    java中不常见的keyword:strictfp,transient
    D3DXMatrixMultiply 函数
    expect
    char* 和char[]的差别
    下载安装tomcat6.0
    Eclipse或SVN—怎样在Eclipse中安装SVNclient插件
    sharepoint 訪问缩略图
    斜率优化专题1——bzoj 1597 [Usaco2008 Mar] 土地购买 题解
    phpmywind教程:关于日期函数调用整理
    linux服务之smtp
  • 原文地址:https://www.cnblogs.com/alphafly/p/3785525.html
Copyright © 2011-2022 走看看