📌  相关文章
📜  document.getelementbyid(timeend).value 示例 (1)

📅  最后修改于: 2023-12-03 14:40:51.081000             🧑  作者: Mango

主题:获取倒计时结束时间

这是一段 JavaScript 代码,作用是获取指定输入框的时间值,并将其作为倒计时的结束时间。

使用方法:

  1. 在 HTML 页面中添加一个文本输入框,设置其 ID 为 "timeend"。

  2. 在 JavaScript 文件中,使用 document.getElementById() 方法获取输入框的值。

  3. 将获取到的时间值作为参数传入倒计时函数中即可。

代码如下:

// 获取倒计时结束时间
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);

注意事项:

  • 输入框的值必须为时间格式,如 "2022-01-01 00:00:00"。
  • 倒计时函数中的显示方式可以根据需求进行修改。