<style>
.preload-overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #333;
  z-index: 9998;
}
.content {
    position: fixed;
    top: 50%;
    margin-top: -177px;
    right: 50%;
    margin-right: -220.5px;
    background: #EEE;
    z-index: 9999;
    padding: 20px;
    border: 1px solid #CCC;
    border-radius: 10px;
}
  .center {
    text-align: center;
  }
 
  .countdown {
    font-size: 70px;
  }
  .p {font-size : 20px}
</style>
  <div class="preload-overlay"></div>
  <div class="content center">
    <img src="https://i.servimg.com/u/f92/17/97/22/97/34411.png" />
    <p style="margin:5px;line-height: 30px;">سيتم تحويلك الي منتدى اسد بابل لبعد انتهاء العد التنازلي</p><br/>
    <div class="countdown">1</div>
      <script>
      $(function() {
        $('head').prepend('<link type="text/css" rel="stylesheet" href="اعمل اي موقع مواقيت"/>');
          var ourCountdown = setInterval(function() {
              var counter = parseInt($('.countdown').html());
              if (counter !== 100) {
                  $('.countdown').html(counter + 1);
              } else {
                  clearInterval(ourCountdown),
                  $('.countdown').html('<i class="fa fa-spinner fa-pulse fa-fw margin-bottom"></i>'),
                  $('.preload-overlay, .content.center').fadeOut();
              }
          }, 100);
      });
    </script>
  </div>