关于JS的倒计时

本文介绍了一种使用JavaScript实现网页倒计时的方法,通过不断更新显示剩余时间直至倒计时结束,可应用于限时活动提醒等场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

    这两天工作不是很忙,就常上论坛。

    看到有很多人在问倒计时的问题,以前做过类似的东西,现在整理了整理。希望对大家有帮助。

 

   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
 <title>Time Tick</title>
    <script language="javascript" type="text/javascript">
  window.name=500; //这里我们可以取服务器的时间然后转化成秒。这里我直接以500秒为例
 function tick()
        {   
            var maxtime=parseInt(window.name);
            var min,sec;
            if(maxtime>0)
            {
                min=Math.floor(maxtime/60);
                sec=Math.floor(maxtime%60);
                timeremain.innerHTML =min + ':' + sec ;
                maxtime --;
                window.name=maxtime.toString();
            }
            else
            {
                var timeout="时间到了!";
                alert(timeout);
                window.close();

               //window.location="跳转页面";  这里是时间到了,我们可以关掉浏览器,或者跳转到其他的页面。           
            }
            window.setTimeout("tick();",1000);
        }
        </script>
</head>
<body οnlοad="tick();">
   倒计时:<span id="timeremain"></span>
</body>
</html>

 

下面是截图:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值