Slide Imagen HTML

Script:

<script>

    var myIndex = 0;
    carousel();

        function carousel() {

            var i;
            var x=document.getElementsByClassName("mySlide");

        for (i=0; i < x.length; i++) {
            x[i].style.display = "none";
        }

        myIndex++;

        if (myIndex > x.length) {myIndex=1}
            x[myIndex-1].style.display="block";
            setTimeout(carousel, 4000);
    }

</script>

Contenedor de las imagenes:

<div class="portada-img">

 
    <img class="mySlide"
        src="img/portada_tasca.png"
        style="width:100%">

    <img class="mySlide"
        src="img/portada_tempo.png"
        style="width:100%">

    <img class="mySlide"
        src="img/portada_smart.png"
        style="width:100%">

    <img class="mySlide"
        src="img/portada_digital.png"
        style="width:100%">

</div>