在按鈕上顯示倒數計時器

Question

我找到了用於設置倒數計時器的代碼，但是在頁面加載時它僅顯示分鍾而不是秒，並且我希望當用戶單擊按鈕時倒數應該開始並且在單擊的按鈕上還應該顯示時間（例如10:59）。 以下是代碼：

ASPX代碼（ASP.net C＃）

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    </head>
<body>
    <form id="form1" runat="server">
    <div>

        <asp:ScriptManager ID="ScriptManagerTimer" runat="server"></asp:ScriptManager>
         <asp:Timer ID="timer1" runat="server" Interval="1000" OnTick="timer1_tick"></asp:Timer>
       <asp:UpdatePanel id="updPnl" 
        runat="server" UpdateMode="Conditional">
        <ContentTemplate>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <asp:Button ID="btnTimer" runat="server" BackColor="#05CC00" Height="35px" Text="Reserve" Width="89px" style="border-radius:8px" OnClick="btnTimer_Click"/>
            &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        </ContentTemplate>
        <Triggers>
        <asp:AsyncPostBackTrigger ControlID="timer1" EventName ="tick" />
       </Triggers>
     </asp:UpdatePanel>

    </div>

    </form>

</body>
</html>

aspx.cs代碼

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class Reservation : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

        if (!ScriptManagerTimer.IsInAsyncPostBack)
            Session["timeout"] = DateTime.Now.AddMinutes(10).ToString();
    }

    protected void timer1_tick(object sender, EventArgs e)
    {
        if (0 > DateTime.Compare(DateTime.Now,
       DateTime.Parse(Session["timeout"].ToString())))
        {
            btnTimer.Text = ((Int32)DateTime.Parse(Session["timeout"].
            ToString()).Subtract(DateTime.Now).Minutes).ToString();
        }
    }
}

Answer 1

if (0 > DateTime.Compare(DateTime.Now,
   DateTime.Parse(Session["timeout"].ToString())))
    {

        btnTimer.Text = ((Int32)DateTime.Parse(Session["timeout"].
        ToString()).Subtract(DateTime.Now).Minutes).ToString("HH:mm:ss");
    }

TimeSpan.ToString()提供了多種字符串格式。 更多信息： MSDN

:)

在按鈕上顯示倒數計時器

問題描述

1 個解決方案

解決方案1
0 2015-09-19 09:57:17

在按鈕上顯示倒數計時器

問題描述

1 個解決方案

解決方案1 0 2015-09-19 09:57:17

解決方案1
0 2015-09-19 09:57:17