我有一個帶有屬性的圓圈 svg?data-percent。（有開始和停止倒計時的按鈕）我想在函數(shù)data-percent內(nèi)部更改此屬性。setInterval我的目的是改data-percentwhile秒倒計時之類的(second * 10)。我可以在 SetInterval 之外手動更改值；var?second?=?8; var?round?=?document.querySelector('.round'); round.setAttribute('data-percent',?second?*?8);但是在 setInterval 函數(shù)內(nèi)部沒有任何變化，控制臺也沒有錯誤。$(document).ready(function() {? var $round = $('.round'),? ? ? roundRadius = $round.find('circle').attr('r'),? ? ? roundPercent = $round.data('percent'),? ? ? roundCircum = 2 * roundRadius * Math.PI,? ? ? roundDraw = roundPercent * roundCircum / 100? $round.css('stroke-dasharray', roundDraw? + ' 999')})var second = 10;//var round = document.querySelector('.round');//round.setAttribute('data-percent', second * 10);let play = true;function togglePlay(){? ? if(!play){? ? ? ? playCount();? ? ? ? document.querySelector('button').innerHTML='Pause';? ? } else {? ? ? ? pauseCount();? ? ? ? document.querySelector('button').innerHTML='Play';? ? }? ? play = !play;}let myTimer;function playCount() {? ? myTimer = setInterval(myCounter,1000);}function pauseCount() {? ? clearInterval(myTimer);}function myCounter (){? ? if(second == 0) {? ? ?clearInterval(myTimer);? ? }? ? var round = document.querySelector('.round');? ? round.setAttribute('data-percent', second * 10);? ? console.log('Hello World', second)? ? second--;}body {? margin: 0;}.point {? position: absolute;? top: 50%;? left: 50%;? transform: translate(-50%,-50%);}.round {? transform: rotate(-90deg);? transition: all 1s ease-in-out;??? /* SVG */? fill: none;? stroke: blue;? stroke-width: 8;? stroke-linecap: round;? stroke-dasharray: 0 999;}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>? <div class="point">? ? <svg class="round" viewbox="0 0 100 100" width="200" height="200" data-percent="">? ? ? <circle cx="50" cy="50" r="40" />??? ? </svg></div><button onclick="togglePlay()">Play</button>