为什么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);

    

}