我想实现一个时钟,每24小时最多可以计算38000个(比如说网站的观点)。我想在那个时钟上显示计数到38000的视图数量。例如,当我在下午1点访问页面时,时钟将显示视图数量,直到下午1点,并将根据我的逻辑开始更改此数字想要实施。并且非常重要的是,如果它到达上午12点,时钟再次从0开始计数。
我编写了代码但是我的逻辑中存在一个错误,因为当我打开网站并且它的下午1点我停留在那个页面上说25秒并刷新页面时这个数字与在刷新之前我在屏幕上看到了。根据我的理解,数字应该是相同的。
请您帮我理解问题所在,如果知道如何改进此代码,我将不胜感激。感谢。
<script>
var col5 = 0;
var date = new Date();
var hour = date.getHours();
var minute = date.getMinutes();
var seconds = date.getSeconds();
var views = 38000;
var allDay = 86400;
var now = ((hour*60)*60) + (minute*60) + seconds;
col5 = parseInt((now * views)/allDay);
setInterval( () => {
if ( col5 >= views ) {
col5 = 0;
}
document.getElementById("col5").innerHTML= ++col5 % 10;
document.getElementById("col4").innerHTML= parseInt(col5/10) % 10;
document.getElementById("col3").innerHTML= parseInt(col5/100) % 10;
document.getElementById("col2").innerHTML= parseInt(col5/1000) % 10;
document.getElementById("col1").innerHTML= parseInt(col5/10000) % 10;
}, 439);