我目前正在研究命運(yùn)之輪，它通過 node.js 和 websockets同步到每個(gè)連接的設(shè)備。但是我想切斷動(dòng)畫的開始，當(dāng)用戶在滾輪已經(jīng)旋轉(zhuǎn)時(shí)加入，所以它只會(huì)顯示動(dòng)畫的最后幾秒而不改變它的緩動(dòng)。jquery 動(dòng)畫由一個(gè)簡(jiǎn)單的步驟動(dòng)畫組成，它可以旋轉(zhuǎn)輪子。我已經(jīng)嘗試更改步驟的“fx”對(duì)象的參數(shù)，如 fx.start 或 fx.pos。而 fx.start 只是動(dòng)畫開始時(shí)的變量，例如 180 度，而 fx.pos 只是一種輸出參數(shù)，用于將某些內(nèi)容更改為動(dòng)畫中的給定時(shí)間，例如文本顏色或其他內(nèi)容。但是 fx.pos 值不能改變，也不能改變動(dòng)畫當(dāng)前設(shè)置的位置。我創(chuàng)建了一個(gè)函數(shù)來旋轉(zhuǎn)命運(yùn)之輪兩次，然后它在給定的度數(shù)處停止。我也嘗試改變緩動(dòng)，所以它會(huì)是 50% 線性，50% 擺動(dòng)，但這會(huì)讓動(dòng)畫看起來很垃圾，因?yàn)橐婚_始它以恒定速度旋轉(zhuǎn)，突然它旋轉(zhuǎn)得更快而不是更慢。function spinRoulette(deg, duration = 10000) {  deg = Math.round(deg);  $("img.roulette").animate(      { now: '+='+(720+deg-getRotation()) }, {      duration: duration,      ...      step: function(now, fx) {        if(now >= 360)          now -= 360;        $(this).css("transform", "rotate("+now+"deg)");      }    });}如果持續(xù)時(shí)間少于 10 秒，動(dòng)畫的開始將被切斷。所以，如果服務(wù)器在大約 5 秒前轉(zhuǎn)動(dòng)輪子，我的動(dòng)畫的前 5 秒應(yīng)該被切斷。