innerHTML 하이퍼 링크가 표시되지 않습니다.

Question

js에 카운트 다운 기능이 내장되어 있습니다. div는 건너 뛰기 버튼을 표시하는 데 걸리는 시간을 초로 표시하지만 innerHTML은 텍스트 만 표시하므로 링크를 클릭 할 수 없습니다.

카운트 다운 기능 :

<div id="strclock"> Clock Here!</div> 

<script type="text/javascript"> 
    var hour = <?php echo floor($hours); ?>; 
    var min = <?php echo floor($minutes); ?>; 
    var sec = <?php echo floor($seconds); ?>; 
    var skip = "<a href='google.com'><img src='images/delicious_32.png'/></a>"; 

    function countdown() { 
     if(sec <= 0 && min > 0) { 
      sec = 59; 
      min -= 1; 
     }else if(min <= 0 && sec <= 0) { 
      min = 0; 
      sec = 0; 
     }else { 
      sec -= 1; 
     } 
     if(min <= 0 && hour > 0) { 
      min = 59; 
      hour -= 1; 
     } 

     var pat = /^[0-9]{1}$/; 
     if(min > 0 || hour > 0){ 
      sec = (pat.test(sec) == true) ? '0' + sec : sec; 
     } 
     min = (pat.test(min) == true) ? '0' + min : min; 
     hour = (pat.test(hour) == true) ? '0' + hour : hour; 

     document.getElementById('strclock').innerHTML = ".המתן " + sec + " שניות"; 
     setTimeout("countdown()",1000); 

     if(sec <= 0){ 
      document.getElementById('strclock').innerHTML = skip; 
     } 
    } 

countdown() 
</script> 

나는 JQuery와 APPEND() 함수와 다른 몇 가지 자바 스크립트 기능을하지만 아무것도 시도했다.

Answer 1

당신은이를보십시오 document.setTimeout 에 첫 번째 매개 변수로 함수를 전달해야합니다. setTimeout(countdown,1000);