代码神秘地停止工作

时间:2014-10-13 23:25:42

标签: javascript html

这段代码工作了大约一个星期(之前的时间要长得多,但是从那时起我就大大改善了内部功能)。阅读起来并不复杂,但由于某种原因昨天,它停止工作。我没有对代码的这一部分进行任何改动,并且将脚本的这一部分分成了文件底部的自己的脚本标记,所有HTML id都保持完全相同(这个巨大的表格排名很突出源文件,所以很容易避免)...其他人有这样的经历吗?如果有人看到任何明显的东西,请告诉我......

window.addEventListener("load", function () {
      function Kill_Count(id,totalDeaths) {
        var deathsPerSecond = totalDeaths/365/24/60/60/4;
        var deaths = 0, result;
        var timer = 1;
        setInterval(function() {    
          deaths = deathsPerSecond*timer;     
          result = deaths.toFixed();
          document.getElementById(id).value = result;
          timer++;
        }, 250);
      }
      
      var killnum = "23199336 1501799 301275455 49877536490 2676365000 402611664 5018470 1375940758 564785251 635382008";
      killnum = killnum.split(" ");
      for (var i = 1; i <= 10; i++) {
        var num = i-1;
        var temp = killnum[num];
        Kill_Count('Kill_Count'+i,Number(temp));
      }
    });
    <table id="Killed" cellpadding="0" cellspacing="0" align="center">
            <tbody>
              <tr>
                <td>Buffalo</td>
                <td align="right">
                  <span id="Kill_Count1"></span>
                </td>
              </tr>
    
              <tr>
                <td>Camels</td>
                <td align="right">
                  <span id="Kill_Count2"></span>
                </td>
              </tr>
    
              <tr>
                <td>Cattle</td>
                <td align="right">
                  <span id="Kill_Count3"></span>
                </td>
              </tr>
    
              <tr>
                <td>Chickens</td>
                <td align="right">
                  <span id="Kill_Count4"></span>
                </td>
              </tr>
    
              <tr>
                <td>Ducks</td>
                <td align="right">
                  <span id="Kill_Count5"></span>
                </td>
              </tr>
    
              <tr>
                <td>Goats</td>
                <td align="right">
                  <span id="Kill_Count6"></span>
                </td>
              </tr>
    
              <tr>
                <td>Horses</td>
                <td align="right">
                  <span id="Kill_Count7"></span>
                </td>
              </tr>
    
              <tr>
                <td>Pigs</td>
                <td align="right">
                  <span id="Kill_Count8"></span>
                </td>
              </tr>
    
              <tr>
                <td>Sheep</td>
                <td align="right">
                  <span id="Kill_Count9"></span>
                </td>
              </tr>
    
              <tr>
                <td>Turkeys</td>
                <td align="right">
                  <span id="Kill_Count10"></span>
                </td>
              </tr>
    
            </tbody>
    </table>

1 个答案:

答案 0 :(得分:2)

您可能需要在setInterval函数中将值更改为innerHTML或innerText。

document.getElementById(id).innerHTML= result;

我不确定是什么改变了打破它。

http://jsfiddle.net/g2Lodf23/