在asp.net中创建一个倒数计时器 [英] Create a countdown timer in asp.net

查看:93
本文介绍了在asp.net中创建一个倒数计时器的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

大家好,

我想使用倒数计时器进行测验.我正在使用以下代码:
Timer.aspx

Hi All,

I want to use countdown timer for quiztest. I am using following code:
Timer.aspx

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <div id="timelabel"></div>
    <script type="text/javascript">


var leave =<%=seconds % ;
CounterTimer();
var interv=setInterval(CounterTimer,1000);
function CounterTimer()
{
var day = Math.floor(leave / ( 60 * 60 * 24))
var hour = Math.floor(leave / 3600) - (day * 24)
var minute = Math.floor(leave / 60) - (day * 24 *60) - (hour * 60)
var second = Math.floor(leave) - (day * 24 *60*60) - (hour * 60 * 60) - (minute*60)
hour=hour<10 ? "0" + hour : hour;
minute=minute<10 ? "0" + minute : minute;
second=second<10 ? "0" + second : second;
var remain=hour + ":"+minute+":"+second;
leave=leave-1;
document.getElementById("timelabel").innerHTML=remain;
if(remain=='00:00:00')
{
window.location = 'Result.aspx'
}
}


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

    <asp:Button ID="Button1" runat="server" Text="Button" />

    </form>
</body>
</html>


Timer.aspx.cs


Timer.aspx.cs

public double seconds;
    protected void Page_Load(object sender, EventArgs e)
    {
                    seconds = 3600;
    }



它的工作正常,但当我再次单击按钮其策略.因此,请在单击按钮时告诉我一个解决方案,但是它应该可以连续工作,因此请不要再次启动或停止.请帮帮我.

在此先感谢
Pankaj



Its working fine but when i click on button its strat again. So please tell me a solution while when button is clicked yet it should work continusoly not start again or not stopped. Please help me.

Thanks in advance
Pankaj

推荐答案

您看过以下这些吗:
Ajax计时器控件 [ JavaScript计时器 [ Ajax计时器控件-2 [
Did you look at these:
Ajax Timer control[^]
Javascript timers[^]
Ajax Timer control - 2[^]


这篇关于在asp.net中创建一个倒数计时器的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆