Таймер скачивания

<div class = "donwload_file">  
<?if($USER_LOGGED_IN$)?>
  <?if($FILE_URL$)?><a class="hvr hvr-bounce-to-bottom" href="$FILE_URL$"><i class="fa fa-download" aria-hidden="true"></i> Скачать с сервера ($FILE_SIZE$)</a><?endif?>  
<?if($RFILE_URL$)?><a class="hvr hvr-bounce-to-bottom" href="$RFILE_URL$" target="_blank"><i class="fa fa-download" aria-hidden="true"></i> Скачать удаленно ($RFILE_SIZE$)</a><?endif?>
<?else?>
  <div id="timer_1" >
  <div class = "timer">  
Ссылка на скачивание будет доступна через <span id="timer_num"></span> сек.  
</div>  
  </div>
<div style="display:none" id="timer_2">  
<?if($FILE_URL$)?><a class="hvr hvr-bounce-to-bottom" href="$FILE_URL$"><i class="fa fa-download" aria-hidden="true"></i> Скачать с сервера ($FILE_SIZE$)</a><?endif?>  
<?if($RFILE_URL$)?><a class="hvr hvr-bounce-to-bottom" href="$RFILE_URL$" target="_blank"><i class="fa fa-download" aria-hidden="true"></i> Скачать удаленно ($RFILE_SIZE$)</a><?endif?>  
</div>  
  <br>
  <div class = "rega">Скачивание файлов без ограничений доступно только зарегистрированным пользователям.</div>  
  <?endif?>  
</div>  
<script type="text/javascript">  
timer_num = 60; // Число задержки в секундах  
function timer_fc(){  
if(timer_num>0){  
$('#timer_num').text(timer_num);  
timer_num--;  
setTimeout("timer_fc()", 1000)  
}else{  
$('#timer_1').hide(); $('#timer_2').show();  
}}  
timer_fc();  
</script>

a.hvr {  
  display: inline-block;  
  padding: 1em;  
  margin:1em 0;  
  background-color: #b33d3d;  
  text-decoration: none;  
  color: #fff;  
  text-decoration: none;  
}  
/* Bounce To Bottom */  
.hvr-bounce-to-bottom {  
  display: inline-block;  
  vertical-align: middle;  
  -webkit-transform: perspective(1px) translateZ(0);  
  transform: perspective(1px) translateZ(0);  
  box-shadow: 0 0 1px transparent;  
  position: relative;  
  -webkit-transition-property: color;  
  transition-property: color;  
  -webkit-transition-duration: 0.5s;  
  transition-duration: 0.5s;  
}  
.hvr-bounce-to-bottom:before {  
  content: "";  
  position: absolute;  
  z-index: -1;  
  top: 0;  
  left: 0;  
  right: 0;  
  bottom: 0;  
  background: #842d2d;  
  -webkit-transform: scaleY(0);  
  transform: scaleY(0);  
  -webkit-transform-origin: 50% 0;  
  transform-origin: 50% 0;  
  -webkit-transition-property: transform;  
  transition-property: transform;  
  -webkit-transition-duration: 0.5s;  
  transition-duration: 0.5s;  
  -webkit-transition-timing-function: ease-out;  
  transition-timing-function: ease-out;  
}  
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {  
  color: white;  
}  
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {  
  -webkit-transform: scaleY(1);  
  transform: scaleY(1);  
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);  
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);  
}

.rega {display: block; background: #b33d3d; padding: 10px;}
.rega a:hover {color:#fff;}