计数时钟不能正常工作(javascript)

时间:2017-05-19 15:47:17

标签: javascript

我想实现一个时钟,每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);

0 个答案:

没有答案