jQuery的延时函数实现的图片自动换色

使用div显示颜色

 <style type="text/css">
        .color1{
            background-color: bisque;
            width: 200px;
            height: 200px;
        }
        .color2{
            background-color: coral;
            width: 200px;
            height: 200px;
        }
    </style>

<div class="color1">
</div>
<input type="button" value="停止" id="stop">

jQuery的setinterval函数以及用clearinterval来结束执行

<script type="text/javascript">
    $(function(){
        var setcolor = setInterval(function(){
            $('div').toggleClass('color2')
        }, 600)
            $('#stop').on('click',function () {
                clearInterval(setcolor)
            })
    });
</script>

效果演示