javascript - ボタンをクリックすると setInterval + image src が変化します

Question

ボタンをクリックしたときに点滅効果（暗いと明るい）を与えたい.私は次のコードを書いていますが、動作しません.それで私を助けてください.

$(document).ready(function () {

    $(".search").click(function () {
        setInterval(function () {
            var curSrc = $("#red").attr('src');

            if (curSrc === '../images/lightred.jpg') {
                $(curSrc).attr("src", "../images/Darkred.jpg");
            }
            if (curSrc === '../images/Darkred.jpg') {
                $(curSrc).attr("src", "../images/lightred.jpg");
            }
        }, 2000);
    });

});

Answer 1

ボタンを点滅させる方法が問題のようです。これは、css の background-color プロパティで行うことができます。lightRed と darkRed が単色であると仮定すると、CSS の方が適しています。画像が必要な場合は、background-image プロパティを使用できます。

<input type="button" class="search lightRed" value="Search"/>
<style>
    .lightRed { background-color: lightcoral }
    .darkRed { background-color: darkRed }
</style>
<script>
    $(document).ready(function(){
        $(".search").click(function(){
            setInterval(function(){
                var isLightRed = $(".search").hasClass("lightRed");
                if (isLightRed) {
                    $(".search").removeClass("lightRed").addClass("darkRed");
                } else {
                    $(".search").removeClass("darkRed").addClass("lightRed");
                }
            },2000);
        });
    });
</script>