一部はIE8で動作しない

Question

ザ・querySelector機能は、IE8での作業が、同じint型IE 11に取り組んでいないの下

コード：

$(document).ready(
     function() { 

      $(window).load(
        function() { 
         var fiveMinutes = 60 * 15, display = document 
           .querySelector('#time'); 
         startTimer(fiveMinutes, display); 
        }); 

      function startTimer(duration, display) { 
       var timer = duration, minutes, seconds; 
       setInterval(function() { 
        minutes = parseInt(timer/60, 10) 
        seconds = parseInt(timer % 60, 10); 

        minutes = minutes < 10 ? "0" + minutes : minutes; 
        seconds = seconds < 10 ? "0" + seconds : seconds; 

        display.textContent = minutes + ":" + seconds; 

        if (--timer < 0) { 
         timer = duration; 
        } 
       }, 1000); 
      } 

HTMLコード：

<div > 
    <div id ="timer"> 
     Next Refresh will be in <span id="time">05:00</span> minutes! 
    </div> 
    <div> 

Answer 1

HTMLElement#textContentはIE8ではサポートされていません。

jQueryを使用していますが、jQueryを使用して回避するには、  —が最初に作成された理由の半分がブラウザの不一致に対処することでした（半分だけであり、もはや主な理由ではありません）。

最小限の変更は、あなたがそのコードと他の問題のいくつかを持っている

$(display).text(minutes + ":" + seconds); 

---

に

display.textContent = minutes + ":" + seconds; 

を変更することです。特に、あなたは餌食になりますThe Horror of Implicit Globals   —あなたの変数を宣言してください！そして、querySelectorの代わりにjQueryを使って要素を見つけることができます。だから、：

$(document).ready(
    function() { 

     $(window).load(
      function() { 
       var fiveMinutes = 60 * 15, 
        display = $("#time");   // Use jQuery to look this up 
       startTimer(fiveMinutes, display); 
      }); 

     function startTimer(duration, display) { 
      var timer = duration, 
       minutes, seconds; 
      setInterval(function() { 
       // Note the variable declarations 
       var minutes = parseInt(timer/60, 10) 
       var seconds = parseInt(timer % 60, 10); 

       minutes = minutes < 10 ? "0" + minutes : minutes; 
       seconds = seconds < 10 ? "0" + seconds : seconds; 

       display.text(minutes + ":" + seconds);  // Use text() to set the text 

       if (--timer < 0) { 
        timer = duration; 
       } 
      }, 1000); 
     } 
    } 
);