📅  最后修改于: 2023-12-03 14:40:51.081000             🧑  作者: Mango
主题:获取倒计时结束时间
这是一段 JavaScript 代码,作用是获取指定输入框的时间值,并将其作为倒计时的结束时间。
使用方法:
在 HTML 页面中添加一个文本输入框,设置其 ID 为 "timeend"。
在 JavaScript 文件中,使用 document.getElementById() 方法获取输入框的值。
将获取到的时间值作为参数传入倒计时函数中即可。
代码如下:
// 获取倒计时结束时间
var endTime = document.getElementById("timeend").value;
// 倒计时函数
function countDown() {
var nowTime = new Date().getTime(); // 获取当前时间
var timeLeft = parseInt((endTime - nowTime) / 1000); // 计算剩余秒数
var days = parseInt(timeLeft / 86400); // 计算剩余天数
var hours = parseInt((timeLeft % 86400) / 3600); // 计算剩余小时数
var minutes = parseInt((timeLeft % 3600) / 60); // 计算剩余分钟数
var seconds = parseInt(timeLeft % 60); // 计算剩余秒数
// 显示倒计时
document.getElementById("countdown").innerHTML =
"距离结束还有:" +
days +
"天" +
hours +
"小时" +
minutes +
"分钟" +
seconds +
"秒";
}
// 每秒更新一次倒计时
setInterval(countDown, 1000);
注意事项: