寻高手——倒计时循环倒计的问题

码小凯 2008-11-24 08:54:41
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="time.aspx.cs" Inherits="lianxi_time" %>

<!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 runat="server">
<title>无标题页</title>

<script type="text/javascript">
var intervalID = 0;
var leftSeconds = 10;
var timeID='<%=Button1.ClientID%>';


function beginTimer()
{
loopTimerId = setInterval( timerStep, 1000 );
}
function timerStep()
{
if( leftSeconds > 1 )
{
leftSeconds --;
document.getElementById( "Button2").value = " "+leftSeconds.toString()+" ";
}
else
{
clearInterval( intervalID );
window.document.all(timeID).click();
}
}


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

<asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
<input id="Button2" type="button" value="开始" OnClick="beginTimer()" />


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

这是我设计的一个倒计时，按“开始”按钮后开始倒计从10秒递减到0时，触发Button1按钮的OnClick事件。
现在我想实现当倒计时从10倒计到0后重新倒计一共倒计十次，


下面我是对倒计时js代码部分做的修改
<script type="text/javascript">
var intervalID = 0;
var leftSeconds = 10;
var timeID='<%=Button1.ClientID%>';


function beginTimer()
{
for(var i=0;i<10;i++)
{
leftSeconds=10;
loopTimerId = setInterval( timerStep, 1000 );
}
}
function timerStep()
{
if( leftSeconds > 1 )
{
leftSeconds --;
document.getElementById( "Button2").value = " "+leftSeconds.toString()+" ";
}
else
{
clearInterval( intervalID );
window.document.all(timeID).click();
}
}


</script>
但这样实现不了循环倒计的。并且在第一次倒计结束时出现错误。
百思不的其解，望高手指点一二。
...全文
159 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
duping9626 2008-11-26
  • 打赏
  • 举报
 回复
下面可以实现你要的功能,但不是好的解决方案


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<script runat="server">



    protected void Page_Load(object sender, EventArgs e)

    {

        if (!IsPostBack)

        {

            //初始是0(false)

            ViewState["postback"] = 0;

            //十次

            ViewState["count"] = 10;

        }

    }

    

    protected void Button1_Click(object sender, EventArgs e)

    {

        //服务器按钮点击后置1(ture)

        ViewState["postback"] = 1;



        ViewState["count"] = (int)ViewState["count"] - 1;

        if ((int)ViewState["count"] == 0)

            //十次完了置0

            ViewState["postback"] = 0;

    }



</script>



<html xmlns="http://www.w3.org/1999/xhtml" >

<head id="Head1" runat="server">

    <title>无标题页</title>

    <script type="text/javascript" language="javascript"> 

    var intervalID = 0; 

    var leftSeconds = 10; 

    var timeID='<%= Button1.ClientID%>';

   

    function beginTimer(flag) 

    { 

        //如果是点击开始或是Button1click就开始

        if(flag || <%= ViewState["postback"]%>)

            intervalID = setInterval( timerStep, 1000 ); 

    } 

    

    function timerStep() 

    { 

        if( leftSeconds > 1 ) 

        { 

            leftSeconds --; 

            document.getElementById( "Button2").value = "  "+leftSeconds.toString()+"  "; 

        } 

        else 

        { 

            clearInterval( intervalID ); 

            window.document.all(timeID).click();  

        } 

    } 

    

</script> 

</head>

<!--加载时就调beginTimer(false)-->

<body onload="beginTimer(false)">

    <form id="form1" runat="server">

    <div>

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

      <input id="Button2" type="button"  value="开始" OnClick="beginTimer(true)" /> 

    </div>

    </form>

</body>

</html>
码小凯 2008-11-25
  • 打赏
  • 举报
 回复
up
码小凯 2008-11-25
  • 打赏
  • 举报
 回复
非常谢谢您的帮忙。
不过您这个程序还是有问题，因为当 执行完window.document.all(timeID).click(); 后相当于刷新了页面，而那个间隔倒计时也就失去了作用，必须重新点击开始按钮开始倒计时，而我需要的是只需点击开始按钮一次，然后每隔十秒触发Button按钮 的OnClick事件，自动的不用再单击开始按钮了。



duping9626 2008-11-24
  • 打赏
  • 举报
 回复 


<script type="text/javascript"> 

    var intervalID = 0; 

    var leftSeconds = 10; 

    var count =1;   //循环变量

    var timeID=' <%=Button1.ClientID%>'; 



    function beginTimer() 

    { 

        //你这里用循环十次不对的,一轮没完新的一轮又开如leftSeconds=10;

        /*for(var i=0;i <10;i++) 

        { 

          leftSeconds=10; 

          loopTimerId = setInterval( timerStep, 1000 ); 

        } */



        loopTimerId = setInterval( timerStep, 1000 ); 

        count =count+1;

    } 

    function timerStep() 

    { 

        if( leftSeconds > 1 ) 

        { 

            leftSeconds --; 

            document.getElementById( "Button2").value = "  "+leftSeconds.toString()+"  "; 

        } 

        else 

        { 

            clearInterval( loopTimerId ); 

            window.document.all(timeID).click();  

            //一轮过后重新再计

            leftSeconds =10;

            if(count<10)

            {

              beginTimer();

            }

            

        } 

    } 

</script>
止戈而立 2008-11-24
  • 打赏
  • 举报
 回复
倒计时100秒，分10次。。
surewy 2008-11-24
  • 打赏
  • 举报
 回复
帮顶
magicbacon 2008-11-24
  • 打赏
  • 举报
 回复
给出一个替代的方法~
magicbacon 2008-11-24
  • 打赏
  • 举报
 回复 
<%@ Page Language="C#" %>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<script runat="server">



    protected void Page_Load(object sender, EventArgs e)

    {

        if (!IsPostBack)

        {



        }

    }



    protected void Button1_Click(object sender, EventArgs e)

    {

        this.Button1.Text = "OK";

    }

</script>



<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>



    <script type="text/javascript"> 

    

    var intervalID = 0; 

    var leftSeconds = 100; 

    var timeID='<%=Button1.ClientID%>';



    function beginTimer() 

    { 

        loopTimerId = setInterval(timerStep, 1000); 

    } 



    function timerStep() 

    { 

        if( leftSeconds > 1 ) 

        { 

            leftSeconds--; 

            var seconds = leftSeconds % 10;

            document.getElementById("Button2").value = "  " + seconds.toString() + "  "; 

        } 

        else 

        { 

            clearInterval(intervalID); 

            window.document.all(timeID).click();  

        } 

    }



</script>



</head>

<body>

    <form id="form1" runat="server">

        <div>

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

            <input id="Button2" type="button" value="开始" onclick="beginTimer()" />

        </div>

    </form>

</body>

</html>
小智音箱倒计时语音播报通过定时任务
本文深入剖析小智音箱如何基于FreeRTOS实现精准倒计时与语音播报，结合vTaskDelayUntil避免误差累积，通过TTS引擎实现自然中文播报，并利用事件驱动模型支持非阻塞、可取消的多任务协同，展现嵌入式系统在智能家居中的高效应用。
怎样成为精力管理的高手————作者：张遇生
一，精力管理金字塔 好的精力=充沛的体能+积极正面的情绪+随时可以聚焦的注意力+明确的意义感 二，充沛的体能 原理 因为现在的医学发现，体能好，尤其是心肺能力特别突出的人，大脑的供血、供氧、供糖都会更好。所以大脑的工作效率也高，长时间地工作更不容易疲劳。 如何提高 健康状况 职场疾病 最常见的三大类的职场疾病分别是：因为长时间静坐、身体的姿势不当所导致的腰颈肩的疼痛，因为吃得多、动得少导致的代谢相关性疾病，以及消化道的常见疾病。 这些疾病的诊断和治疗大部分需要医生的帮
STM32F4 DMA搬运语音计时倒计时
本文介绍基于STM32F4的DMA+I2S+定时器实现低CPU占用的语音倒计时系统，通过硬件协同实现精准计时与音频播放，适用于智能厨房、健身设备等场景，显著提升系统实时性与效率。
仿滴滴抢单倒计时功能实战Demo
我们可以把抢单按钮的行为抽象成四个核心状态：状态含义IDLE初始空闲，等待倒计时开始COUNTING倒计时进行中，允许点击LOCKED已提交请求，禁止二次点击RESULT显示最终结果（成功/失败）它们之间的转移关系非常清晰：看到了吗？每个状态只能通过特定事件才能迁移到下一个状态。比如你不能从IDLE直接到LOCKED，也不能从RESULT再回到COUNTING—— 这些非法操作都被自动拦截了。
VC++高精度计时与倒计时实现详解
你以为学会了QPC就能搞定一切？No no no～真正的高手，懂得在以下维度之间做出权衡：维度考量点精度要求达到多少μs？能否容忍抖动？资源允许CPU占用多少？是否影响电池续航？可靠性是否运行在虚拟机？是否有容错机制？可维护性是否易于调试？是否有日志追踪？最终你会发现，高精度计时的本质，是对系统行为深刻理解后的工程决策。💡 所以记住这句口诀：粗活用Tick，媒体靠Time，真要精准上QPC；
.NET社区

62,269

社区成员

668,981

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章