Javascript 改变'；新日期'；输入值

我对编码还不熟悉，所以请对我放松点

我正在创建基础应用程序，这样我就可以获得一些使用JavaScript的经验，其中之一是一个倒计时计时器，它包含一个输入，您可以在其中输入日期/时间，其想法是从getTime-inputTime开始倒计时

我尝试实现一个“更改”事件侦听器来更改文本内容

var timeInput=document.getElementById（“timeInput”）；
var timeCounter=document.getElementById（“timeCounter”）；
var deadline=新日期（'2020年12月31日15:37:25'）。getTime（）；
//var deadline=document.getElementsById（“timeInput”）.getTime（）；
var x=setInterval（函数（）{
var now=new Date（）.getTime（）；
var t=截止日期-现在；
风险天数=数学下限（t/（1000*60*60*24））；
var小时=数学楼层（（t%（1000*60*60*24））/（1000*60*60））；
var分钟数=数学地板（（t%（1000*60*60））/（1000*60））；
变量秒=数学地板（（t%（1000*60））/1000）；
document.getElementById（“timeCounter”）.innerHTML=days+d+
小时+小时+分钟+米+秒+秒；
if（t<0）{
净间隔（x）；
document.getElementById（“timeCounter”）.innerHTML=“过期”+“输入新日期。”；
}
}, 1000);
timeInput.addEventListener（“更改”，函数（）{
timeCounter.textContent=t.textContent；
})

---

无论是否更改日期输入，页面都会从428天开始倒计时。

在更改处理程序中，根据

timeInput

值，将

deadline

设置为新

DateTime

对象的

getTime（）

值：

（例如，将

2019-12-31 18:00:00

粘贴到输入中并从中移除焦点，倒计时应在57天开始）

var timeInput=document.getElementById（“timeInput”）；
var timeCounter=document.getElementById（“timeCounter”）；
var deadline=新日期（'2020年12月31日15:37:25'）。getTime（）；
//var deadline=document.getElementsById（“timeInput”）.getTime（）；
var x=setInterval（函数（）{
var now=new Date（）.getTime（）；
var t=截止日期-现在；
风险天数=数学下限（t/（1000*60*60*24））；
var小时=数学楼层（（t%（1000*60*60*24））/（1000*60*60））；
var分钟数=数学地板（（t%（1000*60*60））/（1000*60））；
变量秒=数学地板（（t%（1000*60））/1000）；
timeCounter.innerHTML=days+“d”+
小时+小时+分钟+米+秒+秒；
if（t<0）{
净间隔（x）；
timeCounter.innerHTML=“过期”+“输入新日期。”；
}
}, 1000);
timeInput.addEventListener（“更改”，函数（）{
截止日期=新日期（timeInput.value）.getTime（）；
})

---

re

newdate（timeInput.value）

，请参见要点！这也可能有帮助：使用像

momentjs

这样的库也可能是处理日期/时间相关问题的替代方法。只有在已知格式的情况下，Moment（或任何解析器）才能可靠地解析字符串。如果格式已知，那么简单的解析器只需几行代码。因此，仅仅为了解析单一格式而导入一个大型库有点奢侈。