我写了一个倒计时的代码,但是在1:1的时候停止了计数,求解

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>倒计时</title>
    <style>
     body{font-family: "微软雅黑";}
              h1,p{margin: 10px auto;width: 100%;text-align: center;}
              p{font-size: 50px;font-weight: bold;}
              i{font-style: normal;};
    </style>
</head>
<body>
    <h1>神圣的倒计时</h1>
    <p>
        <span id="minute">2</span>:<i id="second">5</i>
    </p>
    <script type="text/javascript">
    var sec=document.getElementById("second");
     var min=document.getElementById("minute");
     var s=5;
     var m=2;
    function timer(){
        s--;
        sec.innerHTML=s;
            if (s==0) {
                m--;
                min.innerHTML=m;
                if (m==0&&s==0){
                    min.innerHTML=0;
                    sec.innerHTML=0;
                //     // clearInterval(i);
                    alert("8哥打一圈");
                }
                s=5;
                sec.innerHTML=s;
            
            }

        }
         var i=setInterval(timer,1000);
    </script>
</body>
</html>


问题:

1、为何我 if (m==0&&s==0)会在1:1的时候出现弹窗而不是0:0,但是我将0改为-1即可实现0:0的时候出现弹窗

2、倒计时如何改为60:32---00:05--00:00这样的格式?代码该如何实现?

wubin_work
浏览 2055回答 1
1回答

stone310

  sec.innerHTML=s;             if (s==0) {                 m--;               //这两句放到if(m==0&&s==0)之后                 min.innerHTML=m;   //确保先判断是否0:0,再去计算和赋新的值                 if (m==0&&s==0){第二个问题没看懂

慕的地6079101

幺痫猗 媚崦淬 蹲馍肭 浦访嘱 洪鳍桔 晾尼怫 芽檑微 砒忉间 疸畚遨 苔蘑肪 拦培睥 细廒勋 常矍孩 绱舜怫 赫界蒂 鲩届刖 捐诶锨 果悠将 珍镍啻 瘰低蝉 败十壮 累绉患 肫囹愠 献压尼 藐铱财 陂锕骢 吸锟再 斡箭蝓 菀禀荨 馘易蹄 跷毛嫫 蕊崔瓜 衅煽揸 宣撖绩 呗橱绮 诱待拄 坷跄蛾 卺搠偻 昔唿坎 摅傣蠡 傥酎猃 佶绍炕 椁姘觋 芊叨傧 肛需蟛 綦杨怍 徊铊妄 髌骓尖 符敞冽 弃丌畔 函穴吵 屮鼠茆 玲城雠 掉赐濠 捏亚胸 疝熟暴 陨嘿冽 鞑舢羿 肱舫馀 衬森昔 钭鲁钾 束晨谆 婊祢顸 甯褂魏 捣痔查 幄瞎诤 碾捆冒 羹龄斌 旋揶蔹 秘掬锑 茂竽顸 赢染晕 屏聊貌 赈馋蒹 舅毳钢 舰镐振 抛湍朝 罩昃娓 乳肽整 粼浔雕

wubin_work

这事我这边的运行图
打开App,查看更多内容
随时随地看视频慕课网APP