javascript京东首页秒杀功能
时间: 2024-01-07 17:21:40 浏览: 33
以下是JavaScript实现京东秒杀倒计时的代码示例:
```html
<!-- 倒计时容器 -->
<div class="countdown">
<span class="hour"></span> :
<span class="minute"></span> :
<span class="second"></span>
</div>
<script>
// 获取倒计时容器和结束时间
var countdown = document.querySelector('.countdown');
var endTime = new Date('2022-01-01 00:00:00');
// 定时器更新倒计时
setInterval(function() {
// 计算剩余时间
var nowTime = new Date();
var leftTime = endTime - nowTime;
// 计算剩余小时、分钟、秒数
var leftHour = Math.floor(leftTime / (1000 * 60 * 60));
var leftMinute = Math.floor(leftTime / (1000 * 60)) % 60;
var leftSecond = Math.floor(leftTime / 1000) % 60;
// 更新倒计时容器
countdown.querySelector('.hour').textContent = leftHour;
countdown.querySelector('.minute').textContent = leftMinute;
countdown.querySelector('.second').textContent = leftSecond;
}, 1000);
</script>
```
该代码实现了一个简单的倒计时功能,通过获取倒计时容器和结束时间,使用定时器每秒更新剩余时间并计算剩余小时、分钟、秒数,最后更新倒计时容器中的文本内容。