Javascript setInterval计时器结果未在innerHTML上更新

我在Javascript上运行了一个简单的倒计时代码，当我运行这段代码时

    setInterval(function() {
    var currentTime = new Date();
    var futureTime = new Date(countDownDate);
    var s = futureTime.getTime() - currentTime.getTime();
    (seconds = parseInt((s / 1000) % 60)),
    (minutes = parseInt((s / (1000 * 60)) % 60)),
    (hours = parseInt((s / (1000 * 60 * 60)) % 24));

    hours = hours < 10 ? "0" + hours : hours;
    minutes = minutes < 10 ? "0" + minutes : minutes;
    seconds = seconds < 10 ? "0" + seconds : seconds;

    var documenttitle = hours + ":" + minutes + ":" + seconds;

    console.log(documenttitle);

        var remainingtime = documenttitle
        document.getElementById("remaining").innerHTML = remainingtime;
    }, 500);

setInterval（函数（）{
var currentTime=新日期（）；
var futureTime=新日期（倒计时）；
var s=futureTime.getTime（）-currentTime.getTime（）；
（秒=parseInt（（s/1000）%60）），
（分钟=parseInt（（s/（1000*60））%60）），
（小时=parseInt（（s/（1000*60*60））%24））；
小时=小时<10？“0”+小时：小时；
分钟=分钟<10？“0”+分钟：分钟；
秒=秒<10？“0”+秒：秒；
var documenttitle=hours+”：“+minutes+”：“+seconds；
console.log（documenttitle）；
var remainingtime=documenttitle
document.getElementById（“剩余”）.innerHTML=remainingtime；
}, 500);

console.log

的结果运行良好，

---

但innerHTML经常出现故障。闪烁两个不同的数字，但不更新。如何修复此问题？

我看不出您的代码有任何问题，下面的代码与您的代码相同，但定义了变量countDownDate。 可能是代码中的其他内容有问题

var countDownDate=新日期（）；
countDownDate.setMinutes（countDownDate.getMinutes（）+30）；
setInterval（函数（）{
var currentTime=新日期（）；
var futureTime=新日期（倒计时）；
var s=futureTime.getTime（）-currentTime.getTime（）；
（秒=parseInt（（s/1000）%60）），
（分钟=parseInt（（s/（1000*60））%60）），
（小时=parseInt（（s/（1000*60*60））%24））；
小时=小时<10？“0”+小时：小时；
分钟=分钟<10？“0”+分钟：分钟；
秒=秒<10？“0”+秒：秒；
var documenttitle=hours+”：“+minutes+”：“+seconds；
console.log（documenttitle）；
var remainingtime=documenttitle
document.getElementById（“剩余”）.innerHTML=remainingtime；
}, 500);

0
什么是
countDownDate
？您是否也可以发布您的标记？如果您使用字符串更新元素，是否应该使用
el.textContent
？我在web上也发现了这个，所以我为您输入了一个JSFIDLE。是的，这只是性能和安全方面的最佳实践