JavaScriptの読み込みについて

javascriptのタイマーで表示を変更させるページを作成中なのですが、

応募する→id="myDate"の時間→応募終了しました に表示が変わる

こちら、終了時間前にリロードすると、一瞬 応募終了しました の文字が表示されてしまうのですが、これを表示させないような方法はありませんでしょうか・・・?

おわかりの方是非ご教授ください🙇
宜しくお願い致します。

function hello(){ document.write("timerfunction JavaScript"); } window.onload = function() { var request = new XMLHttpRequest(); request.open('HEAD', window.location.href, true); request.send(); request.onreadystatechange = function() { if (this.readyState === 4) { var serverDate = new Date(request.getResponseHeader('Date')); //alert(serverDate); } } var now = new Date(); var start = new Date('1989/01/01 12:00:00'); // &#34920;&#31034;&#38283;&#22987;&#26085;&#26178;&#12399;&#22266;&#23450;&#65288;&#26178;&#38291;&#12399;24h&#34920;&#35352;&#65289; const str = document.getElementById( "myDate" ).textContent; const end = set = new Date( str. replace( /&#24180;|&#26376;/g, "/" ). replace( "&#26085;", "" ). replace( /&#65288;.+&#65289;/, "" ). replace( /\(.+\)/, "" ). replace( /(\d+\:\d+)/, "$1:00" ) ); var figs = document.querySelectorAll(".timeLimitedScript"); if ( start < now && now < end ) { for( i = 0; i< figs.length; i++){ figs[i].style.display="inline-block"; }; }; if ( start < now && now < end ) { document.getElementById("timeLimitedScript2").innerHTML = '<!--&nbsp;-->'; } } **ボールドテキスト** 応募終了しました 応募期限 2021年11月13日 11:26

コメントを投稿

0 コメント