使用了setInterval()時間不會自動更新
沒有報錯，我自己控制臺輸出的都是可以的，問題就是時間不會自己更新，我手動刷新頁面時間是會減少的。
LGH_16
2019-01-25
2 回答
舉報
0/150
提交
取消
2019-01-28
你一邊獲取了實時時間一邊卻把固定的時間賦值給實時時間，然后又讓實時時間和固定時間比較，if語句當(dāng)然不會觸發(fā)啦，他倆給你整成一樣一樣的怎么觸發(fā)
2019-01-25
我在if判斷里面輸出了一下發(fā)現(xiàn)根本無法進入判斷
附上我自己的代碼
var?WINDOW_WIDTH?=?1080;var?WINDOW_HEIGHT?=?690;var?RADIUS?=?8;var?MARGIN_TOP?=?60;var?MARGIN_LEFT?=?30;const?endTime?=?new?Date(2019,?0,?27,?18,?47,?52);var?curShowTimeSeconds?=?0;window.onload?=?function()?{ var?canvas?=?document.getElementById('canvas'); canvas.setAttribute('width',?WINDOW_WIDTH); canvas.setAttribute('height',?WINDOW_HEIGHT); var?context?=?canvas.getContext('2d'); curShowTimeSeconds?=?getCurrentShowTimeSeconds(); setInterval( function()?{ render(context); update(); }, 1000 )}function?getCurrentShowTimeSeconds()?{ var?curTime?=?new?Date(); var?ret?=?endTime.getTime()?-?curTime.getTime(); ret?=?Math.round(ret?/?1000); return?ret?>=?0???ret?:?0;}function?update()?{ console.log("更新"); var?nextShowTimeSeconds?=?getCurrentShowTimeSeconds(); var?nextHours?=?parseInt(curShowTimeSeconds?/?3600); var?nextMinutes?=?parseInt(curShowTimeSeconds?-?nextHours?*?3600)?/?60; var?nextSeconds?=?curShowTimeSeconds?%?60; console.log("nextSeconds"+nextSeconds); var?curHours?=?parseInt(curShowTimeSeconds?/?3600); var?curMinutes?=?parseInt(curShowTimeSeconds?-?curHours?*?3600)?/?60; var?curSeconds?=?curShowTimeSeconds?%?60; console.log("curSeconds"+curSeconds); if(nextSeconds?!=?curSeconds)?{ console.log("nextSeconds?!=?curSeconds"); curShowTimeSeconds?=?nextShowTimeSeconds; }}function?render(cxt)?{ cxt.clearRect(0,?0,?WINDOW_WIDTH,?WINDOW_HEIGHT); var?hours?=?parseInt(curShowTimeSeconds?/?3600); var?minutes?=?parseInt(curShowTimeSeconds?-?hours?*?3600)?/?60; var?seconds?=?curShowTimeSeconds?%?60; renderDigit(MARGIN_LEFT,?MARGIN_TOP,?parseInt(?hours?/?10?),?cxt); renderDigit(MARGIN_LEFT?+?15?*?(RADIUS?+?1),?MARGIN_TOP,?parseInt(?hours?%?10?),?cxt); renderDigit(MARGIN_LEFT?+?30?*?(RADIUS?+?1),?MARGIN_TOP,?10,?cxt); renderDigit(MARGIN_LEFT?+?39?*?(RADIUS?+?1),?MARGIN_TOP,?parseInt(?minutes?/?10?),?cxt); renderDigit(MARGIN_LEFT?+?54?*?(RADIUS?+?1),?MARGIN_TOP,?parseInt(?minutes?%?10?),?cxt); renderDigit(MARGIN_LEFT?+?69?*?(RADIUS?+?1),?MARGIN_TOP,?10,?cxt); renderDigit(MARGIN_LEFT?+?78?*?(RADIUS?+?1),?MARGIN_TOP,?parseInt(?seconds?/?10?),?cxt); renderDigit(MARGIN_LEFT?+?93?*?(RADIUS?+?1),?MARGIN_TOP,?parseInt(?seconds?%?10?),?cxt);}function?renderDigit(x,?y,?num,?cxt)?{ cxt.fillStyle?=?'rgb(0,?102,?153)'; for(var?i?=?0;?i?<?digit[num].length;?i++)?{ for(var?j?=?0;?j?<?digit[num][i].length;?j++)?{ if(digit[num][i][j]?==?1)?{ cxt.beginPath(); cxt.arc(x+j*2*(RADIUS+1)+(RADIUS+1)?,y+i*2*(RADIUS+1)+(RADIUS+1),?RADIUS,?0,?2*Math.PI); cxt.closePath(); cxt.fill(); } } }}