使用了setInterval()時(shí)間不會(huì)自動(dòng)更新
沒(méi)有報(bào)錯(cuò)，我自己控制臺(tái)輸出的都是可以的，問(wèn)題就是時(shí)間不會(huì)自己更新，我手動(dòng)刷新頁(yè)面時(shí)間是會(huì)減少的。
2 回答
舉報(bào)
0/150
提交
取消
沒(méi)有報(bào)錯(cuò)，我自己控制臺(tái)輸出的都是可以的，問(wèn)題就是時(shí)間不會(huì)自己更新，我手動(dòng)刷新頁(yè)面時(shí)間是會(huì)減少的。
舉報(bào)
2019-01-28
你一邊獲取了實(shí)時(shí)時(shí)間一邊卻把固定的時(shí)間賦值給實(shí)時(shí)時(shí)間，然后又讓實(shí)時(shí)時(shí)間和固定時(shí)間比較，if語(yǔ)句當(dāng)然不會(huì)觸發(fā)啦，他倆給你整成一樣一樣的怎么觸發(fā)
2019-01-25
我在if判斷里面輸出了一下發(fā)現(xiàn)根本無(wú)法進(jì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(); } } }}