javascript - 如何修复 Revolution-slider 中卡住的 javascript 计数器

Question

我尝试在我的 revslider 的第 7 张幻灯片中添加一个计数器(我在这个论坛上找到的)。

http://www.protheine.com/odcnew/

Counter screen

计数器在本地正常的 html 页面上工作，但一旦添加到 revslider，它只显示结果，不计数。

在 slider 中插入 HTML 作为文本:

var START_DATE = new Date("January 6, 2019 11:40:00"); // put in the starting date here
var INTERVAL = 5; // in seconds
var INCREMENT = 2; // increase per tick
var START_VALUE = 1400000; // initial value when it's the start date
   var count = 0;
    
window.onload = function() {
var msInterval = INTERVAL * 1000;
var now = new Date();
count = parseInt((now - START_DATE) / msInterval) * INCREMENT + START_VALUE;
document.getElementById('counter').innerHTML = count;
setInterval("count += INCREMENT; document.getElementById('counter').innerHTML = count;", msInterval);
}

<div id="counter"></div>

是否有可能让它像它应该做的那样移动？

非常感谢

Answer 1

看起来您的页面上有 js 错误，表明计数不可用，这可能是因为您使用的是奇怪的 setInterval sytax，其中字符串作为第一个参数。如果第一个参数是一个字符串，它将在全局上下文中进行评估，您无权访问 count 变量，因为它被 onload 处理程序包装。

让我们尝试将其更改为:

setInterval(function(){
    count += INCREMENT;
    document.getElementById('counter').innerHTML = count;
}, msInterval);