为什么window.setInterval(step,1000);还是只执行一次？

Question

<script>

var time;
window.onload=function(){
    var oHeart=document.querySelector(".heart");

    function step(){
        oHeart.style.transform="scale(0.7)";
    }
    这里使用的是step不是step();为什么还是只执行一次？
 time= window.setInterval(step,1000);
    

}

</script>

Answer 1

var time;
window.onload=function(){
    var oHeart=document.querySelector(".heart");

    function step(){
        oHeart.style.transform="scale(0.7)";
    }
    这里使用的是step不是step();为什么还是只执行一次？
 time= window.setInterval(step,1000);   

}

每秒都执行，不过每秒钟都设置缩放比例0.7，肉眼看不出而已，你可以打console

Answer 2

并不是只执行一次，是你前后的style没变化，你看不出来而已，试试这个

var time;
window.onload = function(){
    let oHeart = document.querySelector(".heart");

    function step(){
        oHeart.style.transform = "scale(1.0)";
        setTimeout(() => oHeart.style.transform="scale(0.7)", 500);
    }
    time = window.setInterval(step,1000);
    
}