ASP.NET JavaScriptタイマー

Question

私はasp.net VBを使用しているコードによって呼び出されるjavascriptのカウントダウンタイマーを持っています。私は時間を追跡する方法を見つけることができません。

問題があります。私は、ポストバックの後に経過した時間を得ることができないので、タイマーは継続します。私を助けてくれますか？私はそれを本当に感謝し、ここで

は、私のコードの断片である：私はあなたの問題はあなたのことだと思う

function mySubmit() 
{ 
    document.getElementById('TimerTxtbx').removeAttribute('disabled'); 
} 

    function countdown_clock() 
{     
    var current_time; 
    current_time = document.getElementById('TimerTxtbx').value; 


    var hours = current_time.substring(0,2); 
    var minutes = current_time.substring(3,5); 
    var seconds = current_time.substring(6,8); 

    var n_seconds; 
    var n_minutes = minutes; 
    var n_hours = hours; 

    if (seconds == 0) 
    { 
     n_seconds = 59; 

     if (minutes == 0) 
     { 
     n_minutes = 59; 
      if (hours == 0){ 
      alert('Time is up'); 
      return; 
      } 
       else{ 
       n_hours = hours - 1; 
       if (n_hours < 10) 
        n_hours = "0" + n_hours; 
       } 
      } 
     else 
     { 
      n_minutes = minutes - 1; 
      if (n_minutes < 10) 
       n_minutes = "0" + n_minutes; 
     } 
    } 
    else 
    { 
     n_seconds = seconds - 1; 
     if (n_seconds < 10) 
      n_seconds = "0" + n_seconds; 
    } 


     document.getElementById('TimerTxtbx').value = n_hours + ':' + n_minutes + ':' + n_seconds; 

     setTimeout("countdown_clock()",1000); //function call and delay by 1sec 

     document.getElementById('TimerTxtbx').setAttribute('disabled','disabled'); 
     }//end function 

Answer 1

：VBはjavascriptのコード

on page load{ 
     If Page.IsPostBack = True Then 
      ClientScript.RegisterClientScriptBlock(Me.GetType, "timer_script", 
      "<script language='javascript'>function mySubmit()</script>") 

      ClientScript.RegisterStartupScript(Me.GetType, "timer_script", 
      "<script>countdown_clock();</script>") 
     End If 

     If Page.IsPostBack = false Then 
      TimerTxtbx.Text = "00:06:10" 'hour:min:sec -> initialize timer 
      ClientScript.RegisterClientScriptBlock(Me.GetType, "timer_script", 
      "<script language='javascript'>function mySubmit()</script>") 

      ClientScript.RegisterStartupScript(Me.GetType, "timer_script", 
      "<script>countdown_clock();</script>") 
     End If 
    } 

    on button click{ 
     NextBtn.Attributes.Add("onclick", "mySubmit()") 'call a javascript function 

     ClientScript.RegisterStartupScript(Me.GetType, "timer_script", 
     "<script>countdown_clock();</script>") 
    } 

をcodebehid

asp.netあなたが提出するときにテキストボックスを解消する必要があります。そうでなければ、テキストはviewstateで追跡されません。

このコードは、私の作品：

<form id="form1" runat="server"> 
<div> 
    <asp:TextBox ID="TimerTxtbx" runat="server" /> 
    <asp:Button runat="server" OnClientClick="mySubmit()"/> 
</div> 
</form> 

の背後にあるコードで：

protected void Page_Load(object sender, EventArgs e) 
    { 
     ClientScript.RegisterStartupScript(typeof (Page), "timer_script", 
              "<script>countdown_clock();</script>"); 

     if (!IsPostBack) 
     { 
      TimerTxtbx.Text = "00:00:10"; 
     } 
    } 

あなたに基づいて更新：

問題は、あなたがボタンのOnClientClickプロパティを設定していることですボタンのClickイベントハンドラに追加します。

これは基本的に、ボタンがクリックされるまで効果がないことを意味し、それはあなたには役に立ちません。

OnClientClickをOnInitやPage_Loadのように設定するか、私の例のようにaspxで設定します。これはあなたにとって理にかなっていますか？ボタンをクリックすると、OnClientClickプロパティが既に設定されている必要があります。

もしあなたがASP.NETのことをやっているのであれば、読んで本当にページのライフサイクルを知りたいのです。出発点：

• http://www.15seconds.com/issue/020102.htm
• http://msdn.microsoft.com/en-us/library/ms178472.aspx