我正在嘗試制作每秒更新一次的實(shí)時(shí)變量，但當(dāng)我在那里添加計(jì)數(shù)函數(shù)時(shí)，我可以看到 0 1 秒，之后該變量顯示沒(méi)有動(dòng)畫。我的目標(biāo)是使變量在第一次加載頁(yè)面時(shí)從 0 計(jì)數(shù)到“var.value”，例如18，如果變量更改為例如20，那么將會(huì)有 count ani。從18到20。我實(shí)際上不知道如何實(shí)現(xiàn)它，因?yàn)槲覠o(wú)法獲取先前的變量，因?yàn)樗鎯?chǔ)在global_users.php中索引.php<script>$(document).ready(function() { $("#players").load("global_users.php") setInterval(function () { $("#players").load("global_users.php") }, 1000);});</script><span class="Count" id="players"></span><script> $('.Count').each(function () { $(this).prop('Counter',0).animate({ Counter: $(this).text() }, { duration: 1000, easing: 'swing', step: function (now) { $(this).text(Math.ceil(now)); } }); });</script>全局用戶.php<?phpinclude("php/server.php");echo $total_online = $serverInfo['Players'];?>
1 回答
慕雪6442864
TA貢獻(xiàn)1812條經(jīng)驗(yàn) 獲得超5個(gè)贊
問(wèn)題在于.load()方法的使用，該方法可能有用，但不適用于本例。.load()在其內(nèi)部，$.ajax()您可以使用 jQuery 向服務(wù)器發(fā)出請(qǐng)求。使用它來(lái)訪問(wèn)服務(wù)器隨每個(gè)請(qǐng)求返回的玩家計(jì)數(shù)值。
將代碼分為兩個(gè)函數(shù)，一個(gè)用于獲取玩家計(jì)數(shù)，另一個(gè)用于使用動(dòng)畫更新玩家計(jì)數(shù)。每當(dāng)?shù)谝粋€(gè)函數(shù)下載了新的計(jì)數(shù)并且該計(jì)數(shù)與您已有的計(jì)數(shù)不同時(shí)，請(qǐng)調(diào)用第二個(gè)函數(shù)進(jìn)行更新和動(dòng)畫處理。
<span?class="count"?id="players"></span>
$(document).ready(function() {
? // Set starting count.
? let count = 0;
? const $players = $('#players');
? /**
? ?* Updates the player count with an animation and
? ?* saves the new player count.
? ?*/
? function updatePlayerCount(newCount) {
? ? $({?
? ? ? counter: count // Starting value, which is the last known count value.
? ? }).animate({?
? ? ? counter: newCount // Value to animate to, which is the new count value.
? ? }, {
? ? ? duration: 1000,
? ? ? easing: 'swing',
? ? ? step: function() {
? ? ? ? $players.text(Math.ceil(this.counter));
? ? ? },
? ? ? complete: function() {
? ? ? ? count = newCount; // Update the count value after the animation to compare it later again.
? ? ? }
? ? });
? }
? /**
? ?* Gets the count value from the server and?
? ?* passes it to the updatePlayerCount function
? ?* if the count has been changed.
? ?*/
? function getPlayerCount() {
? ? $.ajax({
? ? ? url: 'global_users.php',
? ? ? method: 'GET'
? ? }).done(function(newCount) {
? ? ? newCount = Number(newCount); // Makes sure that the value is a number.
? ? ? if (count !== newCount) {?
? ? ? ? updatePlayerCount(newCount); // newCount is a different value than count, so updatePlayerCount is called.
? ? ? }
? ? });
? }
? // Execute getPlayerCount every 5 seconds.
? setInterval(getPlayerCount, 5000);
});
- 1 回答
- 0 關(guān)注
- 245 瀏覽
添加回答
舉報(bào)
0/150
提交
取消