js基于时间戳实现倒计时,要求只保留有数据的单位
时间: 2024-03-26 12:35:31 浏览: 17
好的,针对你的问题,可以提供以下JS代码实现倒计时,只保留有数据的单位:
```javascript
function countdown(endtime) {
var days, hours, minutes, seconds;
endtime = new Date(endtime).getTime();
if(isNaN(endtime)) {
return;
}
setInterval(calculate, 1000);
function calculate() {
var start = new Date();
var diff = endtime - start;
if(diff < 0) {
clearInterval(interval);
return;
}
days = Math.floor(diff / (1000 * 60 * 60 * 24));
hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
seconds = Math.floor((diff % (1000 * 60)) / 1000);
var result = (days ? days + ' day' + (days > 1 ? 's' : '') + ' ' : '') +
(hours ? hours + ' hour' + (hours > 1 ? 's' : '') + ' ' : '') +
(minutes ? minutes + ' minute' + (minutes > 1 ? 's' : '') + ' ' : '') +
(seconds ? seconds + ' second' + (seconds > 1 ? 's' : '') : '');
console.log(result);
}
}
```
其中,`countdown()`函数接收一个时间戳作为参数,然后计算距离该时间戳的倒计时,并且只输出有数据的单位。例如,如果距离结束时间还剩下 1 天、2 小时和 30 秒,那么输出的结果将是:"1 day 2 hours 30 seconds"。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_lunwen.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)