Tengo un trabajo que consiste en hacer un encabezado que diga: "bienvenido. Diseño web con: html css javascript". ya lo hice usando javascript pero necesito que mi encabezado se desarrolle de forma infinita.
ya usé la propiedad infinite para que mi encabezado sea constante pero no sirve.
Este es mi código:
<style>
* {padding:0;margin:0;}
.div{width: 100%;height: 100vh;color: green;border: 1px solid coral;box-sizing: border-box;}
.div2{margin: auto; width: 70%;height: auto;color: green;border: 1px solid coral;box-sizing: border-box;
text-align: center;font-size: 1.8em;margin-top:30px;padding: 20px;}
</style>
</head>
<body>
<div class="div">
<div id="hijo" class="div2"></div>
<script>
function mifuncion(){
/*las funciones dentro de mi funcion se van a cumplir con un retrazos de tiempo de dos segundos uno mayor
* que el otro*/
setTimeout(primero, 2000);
setTimeout(segundo, 4000);
setTimeout(tercero, 6000);/*tengo en mi funcion anidada muchas */
setTimeout(cuarto, 8000);/*funciones las cuales van a ser invocadas*/
setTimeout(quinto, 10000);
setTimeout(sexto, 12000);
};
function primero(){
document.getElementById("hijo").innerHTML="bienvenidos";
}
function segundo(){
document.getElementById("hijo").innerHTML="Diseo web con:";
}
function tercero(){
document.getElementById("hijo").innerHTML="HTML";
}
function cuarto(){
document.getElementById("hijo").innerHTML="CSS";
}
function quinto(){
document.getElementById("hijo").innerHTML="JAVASCRIPT";
}
function sexto(){
document.getElementById("hijo").innerHTML="Diseo web con:<br>html css javascript";
}
var myvar = document.getElementById("hijo");
myvar.addEventListener("mouseover",mifuncion);
</script>
</div>
</body>