JavaScript - Cambiar tamaño y color de texto cada 5 segundos

 
Vista:
Imágen de perfil de Cesar
Val: 12
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Cambiar tamaño y color de texto cada 5 segundos

Publicado por Cesar (4 intervenciones) el 10/03/2020 07:20:55
requiere de una pagina donde el texto cambie cada 5 segundo de tamaño y color
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de joel
Val: 2.641
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Cambiar tamaño y color de texto cada 5 segundos

Publicado por joel (594 intervenciones) el 10/03/2020 08:46:29
Hola Cesar, haber si te sirve:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
</head>
<body>
 
    <div id="miTexto">Texto que cambia cada 5 segundos</div>
 
</body>
</html>
 
<script>
const miTexto=document.getElementById("miTexto");
 
setInterval(() => {
    r=Math.floor(Math.random() * 255);
    g=Math.floor(Math.random() * 255);
    b=Math.floor(Math.random() * 255);
    size=Math.floor(Math.random() * 50)+1;
    miTexto.style.color="rgb("+r+","+g+","+b+")";
    miTexto.style.fontSize=size+"px";
}, 5000);
</script>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de Cesar
Val: 12
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Cambiar tamaño y color de texto cada 5 segundos

Publicado por Cesar (4 intervenciones) el 10/03/2020 18:12:08
ya logre cambiar el texto a negritas pero así como cambia de color (pasa de rojo a negro a blanco... etc) quiero que cambie de estilo (pasar de negrita a cursiva después a tachado )y así sucesivamente
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de joel
Val: 2.641
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Cambiar estilos... pasar de negrita a cursiva y después a tachado

Publicado por joel (594 intervenciones) el 11/03/2020 07:34:11
Hola Cesar, aquí lo tienes...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <style>
    .negrita {font-weight:bold;}
    .cursiva {font-style:italic;}
    .tachado {text-decoration:line-through;}
    </style>
</head>
<body>
 
    <div id="miTexto">Texto que cambia cada 5 segundos</div>
 
</body>
</html>
 
<script>
const miTexto=document.getElementById("miTexto");
let valorEstilo=0;
 
setInterval(() => {
    r=Math.floor(Math.random() * 255);
    g=Math.floor(Math.random() * 255);
    b=Math.floor(Math.random() * 255);
    size=Math.floor(Math.random() * 50)+1;
 
    miTexto.style.color="rgb("+r+","+g+","+b+")";
    miTexto.style.fontSize=size+"px";
    miTexto.classList.remove("negrita", "cursiva", "tachado");
    miTexto.classList.add(["negrita", "cursiva", "tachado"][valorEstilo++]);
    if (valorEstilo==3) valorEstilo=0;
 
}, 5000);
</script>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de Cesar
Val: 12
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Cambiar estilos... pasar de negrita a cursiva y después a tachado

Publicado por Cesar (4 intervenciones) el 12/03/2020 03:49:32
DE VERDAD MUCHAS GRACIAS !!!
Me sirvio demasiado
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar