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'); // 表示開始日時は固定(時間は24h表記) const str = document.getElementById( "myDate" ).textContent; const end = set = new Date( str. replace( /年|月/g, "/" ). replace( "日", "" ). replace( /(.+)/, "" ). 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 = '<!-- -->'; } } **ボールドテキスト** 応募終了しました 応募期限 2021年11月13日 11:26
0 コメント