2025年01月06日 建站教程
如何利用javascript语法做一个倒计时功能,下面web建站小编给大家简单介绍一下!
具体代码如下:
function startCountdown() {
// 设置倒计时时间(秒数)
var countdownTime = 60;
// 获取当前时间
var now = new Date().getTime();
// 计算倒计时结束时间
var countdownEnd = now + (countdownTime * 1000);
// 更新倒计时区域
var countdownElement = document.getElementById('countdown');
var countdownInterval = setInterval(function() {
// 获取当前时间
var now = new Date().getTime();
// 计算剩余时间
var countdownRemaining = countdownEnd - now;
// 将剩余时间转换成分、秒格式
var minutes = Math.floor((countdownRemaining % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((countdownRemaining % (1000 * 60)) / 1000);
// 更新倒计时区域
countdownElement.innerHTML = minutes + " 分钟 " + seconds + " 秒 ";
// 当倒计时结束,清除计时器
if (countdownRemaining <= 0) {
clearInterval(countdownInterval);
countdownElement.innerHTML = "倒计时结束!";
}
}, 1000);
}
本文链接:http://so.lmcjl.com/news/20803/