我正在嘗試使用下面的JavaScript在設定的時間範圍內顯示數字增量。我遇到的問題是,我試圖在具有不同發送值的兩種不同情況下使用它們,但它們通過顯示相同的值而相互衝突。我如何在不同的情況下使用它們而不會相互衝突。請參見下面的代碼:增加變量
<script>
var START_DATE = new Date("January 10, 2012 22:30:00"); // put in the starting date here
var INTERVAL = 8; // refresh interval in seconds
var INCREMENT = 6; // increase per tick
var START_VALUE = 25; // initial value when it's the start date
var count = 0;
$(document).ready(function() {
var msInterval = INTERVAL * 1000;
var now = new Date();
count = parseInt((now - START_DATE)/msInterval) * INCREMENT + START_VALUE;
$('#div1').html(count.toFixed(0));
window.setInterval(function(){
count += INCREMENT;
$('#div1').html(count.toFixed(0));
}, msInterval);
});
</script>
<div id="div1"></div>
<script>
var START_DATE = new Date("January 10, 2012 22:30:00"); // put in the starting date here
var INTERVAL = 14; // refresh interval in seconds
var INCREMENT = 5; // increase per tick
var START_VALUE = 15000; // initial value when it's the start date
var count = 0;
$(document).ready(function() {
var msInterval = INTERVAL * 1000;
var now = new Date();
count = parseInt((now - START_DATE)/msInterval) * INCREMENT + START_VALUE;
$('#div2').html(count.toFixed(0));
window.setInterval(function(){
count += INCREMENT;
$('#div2').html(count.toFixed(0));
}, msInterval);
});
</script>
<div id="div2"></div>
他們是爲了顯示基於設定值不同的輸出,但它們顯示相同的值
我會很高興和例子充分說明。
因爲您正在重寫由兩個單獨的定時功能共享的全局變量。 – Terry
@ user3476168使用'setTimeout(func,ms,counter);' –
看起來很多不必要的全局變量。使用本地變量和功能。 – lshettyl