INNER CODE UNIT · JavaScript

interval

imranhsayed/woo-next · src/components/home/hero-carousel/index.js:53

            const interval = setInterval(() => nextSlide(), slideDuration * 1000 );
            return () => clearInterval( interval );
        }
    }, [])

    return (
        <div className="banner flex flex-col sm:flex-row justify-between overflow-hidden">
            <div className="banner-img sm:w-8/12">
                {
                    heroCarousel.map( ( item, index ) => {
                        const opacity = ( activeIndex === index || 1 === heroCarousel.length ) ? 'opacity-100' : 'opacity-0';
                        return (
                            <div key={item?.id}className={`${opacity} banner-img-container absolute top-0 left-0`}>
                                <img
                                    src={item?.image?.sourceUrl} srcSet={item?.image?.srcSet} loading="lazy"
                                />
                            </div>
                        )

View source record →