zoukankan      html  css  js  c++  java

  • 计时执行后台方法2

    前台

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
          <title>Untitled Page</title>
          <script language="javascript" type="text/javascript">
        
            //总记录
        var count=3;
            //记数器
        var i=0;
            //秒数组
        var ary=[5000,6000,7000];
            //时钟变量
        var t;
        
            //调用后台程序方法
        function ServerFunction(msg)
        {
            PageMethods.Msg(msg,End);
        }
        
            //开始
        function Begin()
        {
            ShowContent(ary[i])
        }
            //调用更新
        function UpTimes()
        {
                var sec=$get("hdnTimes").value;
            sec    =sec-1;
        
            $get(    "lblTimes").innerHTML=sec;
            $get(    "hdnTimes").value=sec;
      
                if(sec==0)
            {    
                i    =i+1;
                    if(i<count)
                {
                
                    ShowContent(ary[i]);
                }
                    if(i==count)
                {   
                    $get(    "lblTitle").innerHTML="该回家了。下班了";
                    $get(    "btnBegin").style.display="none";
                    $get(    "tb"+i).style.display="none"; 
                    $get(    "lblTimes").innerHTML="";
                    
                    clearTimeout(t)
                   
                    
                    Out();
                        return;
                }
                    else
                {
                
                        if(i<count)
                    {
                    
                         ServerFunction(i);
                    }
                }
            }
                else
            {
              t    =setTimeout("UpTimes()",1000);
            }
        }
            //确定
        function CheckEnter()
        {
             clearTimeout(t);
             i    =i+1;
             ShowContent(ary[i])
        }
            //信息显示隐藏
        function ShowContent(seconds)
        {
            
                if(i>0)
            {
                $get(    "tb"+i).style.display="none"; 
            }
        
                var index=i+1;
            $get(    "tb"+index).style.display="inline";
            $get(    "lblTimes").innerHTML=(seconds/1000+1);
            $get("hdnTimes").value=(seconds/1000+1);
            UpTimes();
           
        }
            //测式对话
        function End(msg)
        {
            alert(msg);
        }
            function Out()
        {
            End(    "见面完事");
        } 
        
            </script>
       
    </head>
    <body onunload="Out()">
            <form id="form1" runat="server">
                <asp:ScriptManager ID="ScriptManager1" EnablePageMethods="true" runat="server" />
                   <div>
                       <br /><input id="btnBegin" type="button"
                    value    ="开始" onclick="Begin();" />
                    
                   <asp:Label ID="lblTitle" runat="server" Text="倒计时:"></asp:Label> <asp:Label ID="lblTimes" runat="server" Text="Label"></asp:Label>
                   <input id="hdnTimes" type="hidden" />
                        <br />
                    <table id="tb1" runat="server"  style=" display:none;" width="400px" border="1" cellpadding="2" cellspacing="3" >
                    <tr><td>
                    初次见面！    <input id="Button2" type="button" onclick="CheckEnter()" value="next" /><input id="Button5" type="button" onclick="CheckEnter()" value="确定" /></td></tr>
                    </table>    
                    <table id="tb2" runat="server" width="400px" style=" display:none;" border="1" cellpadding="2" cellspacing="3" >
                    <tr><td>
                    你好！    <input id="Button3" type="button" onclick="CheckEnter()" value="next" /><input id="Button6" type="button" onclick="CheckEnter()" value="确定" /></td></tr>
                    </table>
                     <table id="tb3" runat="server" width="400px" style=" display:none;" border="1" cellpadding="2" cellspacing="3" >
                    <tr><td>
                    再见！    <input id="Button4" type="button" onclick="CheckEnter()" value="next" /><input id="Button7 onclick="CheckEnter()" type="button" value="确定" /></td></tr>
                    </table>
                </div>
            </form>
    </body>
    </html>

    后台

    using System;
    using System.Data;
    using System.Configuration;
    using System.Web;
    using System.Web.Security;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using System.Web.UI.WebControls.WebParts;
    using System.Web.UI.HtmlControls;
    using System.Web.Services;
    public partial class _Default : System.Web.UI.Page 
    {
            protected void Page_Load(object sender, EventArgs e)
        {
           
        }
        [WebMethod]
            static public string Msg(string msg)
        {
                return msg;
        }
    }
  • 相关阅读:
    《Centos服务器版安装教程》
    从CentOS官网下载系统镜像详细教程
    一键LNMP文件
    Centos 7 ip地址
    cmd常用命令
    bat命令
    JAVA学习资源整理
    DevOps 高效 shell 命令
    编程范式：命令式编程(Imperative)、声明式编程(Declarative)和函数式编程(Functional)
    Java 中的函数式编程(Functional Programming)：Lambda 初识
  • 原文地址：https://www.cnblogs.com/skyblue/p/1306495.html
Copyright © 2011-2022 走看看