javascript - Saya telah mengkaji carta karusel yang saya buat selama sebulan saya ingin bertanya kepada anda tentang masalah yang timbul di dalamnya.

Question

Terdapat dua soalan: {kod...} {kod...}

高洛峰 · Answer

var timer=setInterval(right,1500)
 $stp.mouseout(function(){
       timer = setInterval(right,1500)
})
 $stp.mouseover(function(){
        clearInterval(timer)
 })

Jika anda menetapkan semula pemasa apabila tetikus dialihkan keluar, ingatlah untuk memberikan nilai kepada pemasa, jika tidak, clearInterval yang berikutnya tidak akan mengetahui sei yang jelas~

阿神 · Answer

 var timer=setInterval(right,1500)
        $stp.mouseout(function(){
            setInterval(right,1500)
        })
        $stp.mouseover(function(){
            clearInterval(timer)
        })

Terdapat masalah di sini Pemasa dihidupkan pada permulaan Selepas kali pertama, pemasa dimatikan Apabila tetikus keluar semula, pemasa dihidupkan $stp.mouseout(){

            setInterval(right,1500)
        })

Tetapi pemasa ini bukan pemasa, jadi anda tidak boleh mengosongkan pemasa ini kemudian.

某草草 · Answer




    
    
    Title

(function () {
    let scroll = document.getElementById("scroll");
    let images = Array.prototype.slice.call(document.querySelectorAll("#scroll > img"));
    
    let index = 0;
    images[index].style.display = "block";
    
    let startScroll = function () {
        return setInterval(
            function () {
                for(let image of images){
                    image.style.display = "none";
                }
                images[index].style.display = "block";
                index = (index+1)>3?0:index+1
            },
            1000
        );
    };

    let int = startScroll();

    scroll.addEventListener("mouseover",function (e) {
        clearInterval(int);
    });

    scroll.addEventListener("mouseout",function (e) {
        int = startScroll();
    })


})();

黄舟 · Answer

Kenapa tiada siapa yang menjawab soalan kedua saya?