                        课程
                    
                        /前端开发
                        
                            /Html5
                        
                        /炫丽的倒计时效果Canvas绘图与动画基础

想了很久，终于想通了关于curShowTimeSeconds（实际显示的剩余时间）的值的问题。

关键在于下面这段代码

curShowTimeSeconds = getCurrentShowTimeSeconds()

setInterval(

function(){

render( context );

update();

}

);

}

由于curShowTimeSeconds = getCurrentShowTimeSeconds()在整个需要每50毫秒刷新的

setInterval（）方法的外部，因此实际上来说，curShowTimeSeconds只有第一次得到的赋值是直接从系统时间获得的与endTime时间的差值而来的。

而以后每次得到的值只能是nextSeconds赋值给它的！！因为curShowTimeSeconds = getCurrentShowTimeSeconds()”这句话在方法外部，每50ms的刷新刷不到它！自然也不能通过getCurrentShowTimeSeconds()函数来获得新值！

然而只有nextSeconds是属于setInterval（）方法的内部的，可以每次通过刷新来得到当前系统时间，从而与已有的curShowTimeSeconds 比较来决定是否赋新值给它！

暴走大熊

2016-04-18

源自：炫丽的倒计时效果Canvas绘图与动画基础 4-1

关注问题我要回答

1134

操作

收起

1 回答

fairy09
2016-04-18

function update() {
    var next_Time = getCurrentTimeSecond();
    
    // var nextSecond = parseInt(next_Time%60);
    
    // var curSecond = parseInt(current_Time%60);
    
    // if (nextSecond != curSecond) 
    //     current_Time = next_Time;
}

实际上不比较值都可以完成刷新的操作诶。。。