1

わかった; それで、なんとかカウンターを機能させることができました（そして、うまく機能していると思います。効率的かどうかはわかりません）が、何らかの理由で私のコードは次のように出力されます：

593.63

ログ、

593.63

粘土、

593.63

金属

すべてを 1 行で表示する必要があるのに、なぜこれを行うのでしょうか? ここに私の現在のコードがあります:

var curAmntLogs = 448.34;
var curAmntClay = 448.34;
var curAmntMetal = 448.34;

var maxResources = 1000;

var curLogsPerSec = 1.67;
var curClayPerSec = 1.67;
var curMetalPerSec = 1.67;

function logs() {
    curAmntLogs = curAmntLogs + curLogsPerSec;
    if (curAmntLogs > maxResources) {
      curAmntLogs = maxResources;
    }
    document.getElementById('logs').innerHTML = (curAmntLogs).toFixed(2);
}

function clay() {
    curAmntClay = curAmntClay + curClayPerSec;
    if (curAmntClay > maxResources) {
      curAmntClay = maxResources;
    }
    document.getElementById('clay').innerHTML = (curAmntClay).toFixed(2);
}

function metal() {
    curAmntMetal = curAmntMetal + curMetalPerSec;
    if (curAmntMetal > maxResources) {
      curAmntMetal = maxResources;
    }
    document.getElementById('metal').innerHTML = (curAmntMetal).toFixed(2);
}


setInterval(function(){ logs(); clay(); metal(); }, 1000);

これを使用して、Webページに表示します。

<div id='logs'></div> Logs, <div id='clay'></div> Clay, <div id='metal'></div> Metal

すべてを1行にするにはどうすればよいですか？ありがとうございました！

4

1 に答える 1

4

div tags will generally use a new block, the same way a new paragraph would. Try using span tags instead, or style your div tags with the css: display:inline.

于 2013-11-12T16:08:44.980 に答える