Propiedad de bucle HTML DOM Marquee

La propiedad de bucle Marquee en HTML DOM se utiliza para establecer o devolver el valor del atributo de bucle del elemento <marquee> . El atributo de bucle se utiliza para especificar el número de veces que debe repetirse el texto de la marquesina. 

Sintaxis:

Devuelve la propiedad de bucle de marquesina .

marqueeObject.loop; 

Establece la propiedad de bucle de marquesina .

marqueeObject.loop ="number";

Nota: esta propiedad se deprecia de HTML 5.

Valores de propiedad: contiene un valor numérico que representa el número de veces que la marquesina debe repetirse. El valor predeterminado del bucle es INFINITO.

Ejemplo 1:   El siguiente código HTML devuelve la propiedad de bucle de marquesina . 

HTML

<!DOCTYPE html>
<html>
         
    <body style="text-align:center;">
     
        <h1 style="color:green;">
            GeeksforGeeks
        </h1>
         
        <h2>DOM Marquee loop property</h2>
         
        <marquee id="marqueeID" direction="right"
                 behavior="slide" loop="3">
            GeeksforGeeks:A Computer Science Portal for Geeks
        </marquee>       
        <br><br>
         
        <button onclick="btnClick()">
          Return loop property
        </button>
         <p id ="paraID"></p>
 
 
        <script>
            function btnClick() {
                var txt = document.getElementById("marqueeID").loop;
                document.getElementById("paraID").innerHTML = txt;
            }
        </script>   
    </body>
</html>

Producción:

HTML DOM Marquee loop Property

Propiedad de bucle HTML DOM Marquee

Ejemplo 2: A continuación, el código HTML establece la propiedad de bucle de marquesina . 

HTML

<!DOCTYPE html>
<html>
         
    <body style="text-align:center;">
     
        <h1 style="color:green;">
            GeeksforGeeks
        </h1>
         
        <h2>DOM Marquee loop property</h2>
         
        <marquee id="marqueeID" direction="right"
                 behavior="slide" loop="3">
            GeeksforGeeks:A computer Science Portal for Geeks
        </marquee>       
        <br><br>
         
        <button onclick="btnClick()">
          Set loop property
        </button>
        <p id ="paraID"></p>
 
 
        <script>
            function btnClick() {
                var txt = document.getElementById(
                    "marqueeID").loop = "5";
 
                document.getElementById("paraID").innerHTML
                    = "The value of the loop attribute"
                    + " was changed to " + txt;
            }
        </script>   
    </body>
</html>

Producción:

HTML DOM Marquee loop Property

Propiedad de bucle HTML DOM Marquee

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *