javascript - 如何在几秒钟后连续更改 css？

Question

我想在连续几秒后将笔划值从黑色更改为白色。

这是我的脚本

<script>
$(document).ready(function(){
    $('svg').css({'stroke':'#000'});
})
</script>

Answer 1

我以为你是说

$(function(){
    setInterval(function() { $('svg').toggleClass("white") },2000);
});

但你的意思是

$(function(){
    var stroke = $('circle').attr("stroke");
    setInterval(function() { 
      stroke = stroke=="white"?"black":"white"
      $('circle').attr("stroke",stroke) 
    },2000);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<svg height="100" width="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
  Sorry, your browser does not support inline SVG.  
</svg>