序文
JavaScriptカウントダウンを実装するのは難しくありませんが、リフレッシュすると再計算されることがよくあります。再計算せずにやりたい場合はどうすればよいですか?
いくつかのアイデアがあります、
1:クッキー
2:ローカルキャッシュ
3:window.name…
最初の2つは理解しやすいです。今日は、 window.nameを使用して再計算せずに更新を実装します。コードは次のとおりです。
< xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> js countdown-refreshなし< Language = "JavaScript"> <! - var maxtime; if(window.name == ''){maxtime = 1*60; } else {maxtime = window.name;} function countdown(){if(maxtime> = 0){minutes = math.floor(maxtime/60);秒= math.floor(maxtime%60); msg = "まだ" +分 + "minutes" +秒 + "秒 +" seconds + "seconds +" seconds 'and document.all ["Timer"]。innerhtml = msg; document.getElementById( "タイマー")。innerhtml = msg; if(maxtime == 5*60)alert( '残り5分があります!'); - マックスタイム; window.name = maxtime; } else {clearInterval(タイマー);アラート( "試験時間が長く、終了!"); }} timer = setInterval( "countdown()"、1000); // - > </script> <div id = "タイマー" style = "color:red"> </div> </body> </html>要約します
わかりました、それはそれがどのように実装されているかです、それは非常に簡単です!上記は、JavaScriptのカウントダウンが再記録ではなく更新することについてです。この機能は模擬試験で非常に実用的であり、すべての人に役立つことを願っています。