★收藏本站

开启辅助访问

爱锋贝»社区 › 手机 › 交流区 › 秒杀倒计时

发新帖

查看: 1172|回复: 0

收起左侧

秒杀倒计时

爬爬科技说

未绑定微信

1411 主题	1516 帖子	5890 积分

Rank: 8 Rank: 8

发消息

发表于 2023-3-25 21:52:17 | 显示全部楼层 |阅读模式

一键注册，加入手机圈

您需要登录才可以下载或查看，没有帐号？立即注册

x

<style>
.clock {
width: 300px;
height: 30px;
border: 1px solid #000;
   }
</style>
</head>
<body>
<div class=&#34;clock&#34;></div>

<script>
var clock = document.querySelector(&#34;.clock&#34;);

//倒计时  结束时间是： 2023/3/24 8:00结束
// 剩几小时几分钟几秒

// 25h  --- d = 1天 h = 1小时
function countdown() {
var startTime = new Date().getTime();
var endTime = new Date(&#34;2023/3/25 17:00:00&#34;).getTime();
var interval = (endTime - startTime) / 1000; // 秒

var d = parseInt(interval / 60 / 60 / 24)
var h = parseInt(interval / 60 / 60 % 24);
var m = parseInt(interval / 60  % 60)
var s = parseInt(interval % 60) // 剩余时间是85s , 秒位应该显示25

if (h < 10) h = &#39;0&#39; + h
if (m < 10) m = &#39;0&#39; + m
if (s < 10) s = &#39;0&#39; + s

clock.innerText = &#39;剩余&#39; + d + &#39;天 &#39; + h + &#34;:&#34; + m + &#34;:&#34; + s
   }
countdown();
setInterval(countdown,1000)
</script>
</body>
运行结果

秒杀倒计时-1.jpg

秒杀倒计时-1.jpg

-----------------------------

精选高品质二手iPhone，上爱锋贝APP

回复

使用道具举报

发新帖

|Archiver|手机版|小黑屋|爱锋贝 ( 粤ICP备16041312号-5 )

GMT+8, 2025-5-25 16:15

Powered by Discuz! X3.4

© 2001-2013 Discuz Team. 技术支持 by 巅峰设计.

快速回复 返回顶部 返回列表