1

1 つのページ内に 2 つの JavaScript カウンターを実装するのを手伝ってくれませんか? 現在、カウンターを稼働させていますが、別のカウンター用に新しい div を作成しようとすると、元のカウンターが消えて 1 つのカウンターだけが表示されます。初めての投稿ですので、書式が乱れていることをお許しください。私はJavaScriptにまったく慣れていないので、助けていただければ幸いです。ありがとうございました！

これが私のコードです：

<div id="counter"></div>
<div id="counter1"></div>


<script type="text/javascript">
var START_DATE = new Date("July 27, 2010 13:30:00"); // put in the starting date here
var INTERVAL = 1; // in seconds
var INCREMENT = 2; // increase per tick
var START_VALUE = 9001; // initial value when it's the start date
var count = 0;

window.onload = function()
{
var msInterval = INTERVAL * 1000;
var now = new Date();
count = parseInt((now - START_DATE)/msInterval) * INCREMENT + START_VALUE;
document.getElementById('counter').innerHTML = addCommas(count);
setInterval("count += INCREMENT; document.getElementById('counter').innerHTML = 
addCommas(count);", msInterval);
}
</script>


<script type="text/javascript">
var START_DATE = new Date("July 27, 2011 13:30:00"); // put in the starting date here
var INTERVAL = 1; // in seconds
var INCREMENT = 2; // increase per tick
var START_VALUE = 8001; // initial value when it's the start date
var count = 0;

window.onload = function()
{
var msInterval = INTERVAL * 1000;
var now = new Date();
count = parseInt((now - START_DATE)/msInterval) * INCREMENT + START_VALUE;
document.getElementById('counter1').innerHTML = addCommas(count);
setInterval("count += INCREMENT; document.getElementById('counter1').innerHTML =   
addCommas(count);", msInterval);
}
</script>


<script type="text/javascript">
function addCommas(nStr)
{
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
    x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
return x1 + x2;
}
</script>
4

1 に答える 1

1

2つのスクリプトを持つことはできませんwindow.onload。最後のスクリプトは、最初のスクリプトを上書きします。

同じコードを再利用して、次のカウンタを次のdivに追加するだけです。

window.onload = function()
{
    var msInterval = INTERVAL * 1000;
    var now = new Date();
    count = parseInt((now - START_DATE)/msInterval) * INCREMENT + START_VALUE;
    document.getElementById('counter').innerHTML = addCommas(count);
    setInterval("count += INCREMENT; document.getElementById('counter').innerHTML = addCommas(count);", msInterval);
    document.getElementById('counter1').innerHTML = addCommas(count);
    setInterval("document.getElementById('counter1').innerHTML =  addCommas(count);", msInterval);
}

編集：カウントを1回だけインクリメントします。それ以外の場合、2番目のカウンターは常に最初のカウンターよりも先になります

于 2012-06-06T17:01:04.407 に答える