Javascriptがこのコードを使用して、時間を出荷カウントダウンを追加しようとPrestaShopの

Question

イムを実行していない：http://jsfiddle.net/37ox54bk/7/

私はHTMLボックスモジュールを使用します。

<div id="countdownTimer">0</div> 
    <script type="text/javascript">// <![CDATA[ 
    if (document.getElementById('countdownTimer')) { 
pad = function(n, len) { // leading 0's 
    var s = n.toString(); 
    return (new Array((len - s.length + 1)).join('0')) + s; 
}; 

var timerRunning = setInterval(

    function countDown() { 
     var target = 15; // 15:00hrs is the cut-off point 
     var now = new Date(); 

     //Put this in a variable for convenience 
     var weekday = now.getDay(); 

     if(weekday == 0){//Sunday? Add 24hrs 
      target += 24; 
     }//keep this before the sunday, trust me :> 

     if(weekday == 6){//It's Saturday? Add 48hrs 
      target += 48; 
     } 

     //If between Monday and Friday, 
     //check if we're past the target hours, 
     //and if we are, abort. 
     if((weekday>=1) && (weekday<=5)){ 
      if (now.getHours() > target) { //stop the clock 
       return 0; 
      }     
     } 

     var hrs = (target - 1) - now.getHours(); 
     if (hrs < 0) hrs = 0; 
     var mins = 59 - now.getMinutes(); 
     if (mins < 0) mins = 0; 
     var secs = 59 - now.getSeconds(); 
     if (secs < 0) secs = 0; 

     var str = pad(hrs, 2) + ':' + pad(mins, 2) + '.<small>' + pad(secs, 2) + '</small>'; 
     document.getElementById('countdownTimer').innerHTML = str; 

    }, 1000 
); 
    }// ]]></script> 

：https://mypresta.eu/modules/front-office-features/html-box.html

のコードは次のようになりますしかし、何も起こっていない、それはちょうど0を表示するjavascriptが実行されていないようです。 誰でも知っていますか？それは、そのモジュールのように見える

Answer 1

はCDATAを使用する正しい方法もですそれはそのようには見えません

// <![CDATA[ 
//--><![CDATA[//><!-- // 
[your code] 
//--><! 
// ]]> 

で<script>タグ内のすべてのものをラップが、いずれにしても、私はすべてこれはあなたのケースで実現コメントだと思いますコード全体が出てきます。

テーマのファイルにアクセスできませんか？あなたは、例えば、まだモジュールと<div id="countdownTimer">0</div>を追加し、JSファイルを作成し、このようにそれをリンクしてみglobals.jsのdocument.ready();関数に

Answer 2

をあなたのコードを貼り付けできます。

<script src="http://yoursite.com/folder/file.js"></script> 
<div id="countdownTimer">0</div> 

そして、あなたの場合いくつかのCSSコードを追加する必要があります（例えば、golbal.cssで作業するようにホームページに追加する必要がある場合など）。

希望すると、