JavaScriptで作成したタイマーを時間帯で表示・非表示させたい

Question

    <div class="countdown_box">
      <div id="countdown"></div>
    </div>

  <script type="text/javascript">
    (function(div) {
      setInterval(function() {
        var dt = new Date(),
          cd = {
            value: ""
          },
          dt2 = Date.UTC(1970, 0, 1, 10, 00, 0);
        div(24, "時間", cd, div(60, "分", cd, div(60, "秒", cd,
          (new Date(dt.getFullYear(), dt.getMonth(), dt.getDate() + 1) - dt + dt2) / 1000 | 0)));
        document.getElementById("countdown").innerHTML = "" + cd.value;
      }, 500);

    })(function(d, u, cd, s) {
      var tmp = s % d;
      cd.value = (tmp < 10 ? "0" : "") + tmp + u + cd.value;
      return (s - tmp) / d | 0;
    });
  </script>

上記のHTMLとJavaScriptで作成した毎日自動でカウントダウンされるタイマーをさらに時間帯によって表示・非表示させたいのですがうまくいきません。

###やってみたJavaScript

 <script type="text/javascript">


var now = new Date();
var hour = now.getHours();

if(hour >= 5 && hour <= 10){
document.write('<div class="countdown_box"><div id="countdown"></div></div>');
}
if(hour >= 11 && hour <= 24){
document.write('');
}

</script>

document.write('<div class="countdown_box"><div id="countdown"></div></div>');
をテキストや画像のみは時間帯によって反映するのですがJavaScriptで作成したタイマーが反映しません。

##解決したいこと
JavaScriptで作成したタイマーも設定した時間帯によって表示・非表示させたいです。
わかる方ご教示いただけますと幸いです。

##備考

 <div class="countdown_box">
      <div id="countdown"></div>
    </div>

はcountdown_boxのclass名でcssで背景を設定してます。
その背景は反映されました。

Comments

[Lhankor_Mhy]

ご提示のコードを試してみましたが、タイマーが表示されました。
ですから、問題が再現しません。

[bakio]

Lhankor_Mhy様
もう一度しっかり他の原因も含め見直してみます。
お時間さていただきありがとうございます。
進捗わかりましたらすぐに結果を共有します。

Answer 1

長いこと、(function () { ... })() の形で使ったことはありませんでした。
短くまとめたつもりですがどうでしょう？

(function (A,B,C) {
  let
    a= new Date,
    [b,c,d]= ['FullYear','Month','Date'].map (_=>a['get'+_]()),
    e= +(new Date (b,c,d+1)) + A;

    (function dmy() {
    let f= e - (new Date);
    if (0 < f) {
      setTimeout (dmy, 500);
      let [,h,m,s]= [24,60,60,1000].reduceRight(([n,...r],d)=>[(n/d)|0,(n%d+'').padStart(2,'0'),...r],[f]);
      B(`${h}時間${m}分${s}秒`);
    } else C();
  })();
})(
  Date.UTC(1970, 0, 1, 10, 0, 0),
  function b(s){countdown.textContent= s},//タイマー作動中
  function c(){document.querySelector('div.countdown_box').style.display= 'none'}//タイマー終了
);