Formato texto Javascript

Mndrake · #1 (**permalink**) 09/11/2012, 02:44

Hola, Tengo una cuenta regresiva en javaacript

12 Dias, 10h, 25m, 14s

lo que quiero hacer es ponerle un Tanaño y un colo distinto a Dias, h, m, s

este es el codigo como lo tengo :

if(days != 0){out += days +" "+((days==1)?"día":"dias")+", ";}
if(hours != 0){out += hours +" "+((hours==1)?"h":"h")+", ";}
out += mins +" "+((mins==1)?"m":"m")+", ";
out += secs +" "+((secs==1)?"s":"s")+", ";
out = out.substr(0,out.length-2);
document.getElementById(iid).innerHTML=out;

este fue un cambio que vi que recomendaron hacer para lograr lo que quiero pero no me funciono

if(days != 0){out += days +" "+((days==1)?"<span class=\"pequeno\día":"dias</span>")+", ";}
if(hours != 0){out += hours +" "+((hours==1)?"h":"h</span>")+", ";}
out += mins +" "+((mins==1)?"m":"m")+", ";
out += secs +" "+((secs==1)?"s":"s")+", ";
out = out.substr(0,out.length-2);
document.getElementById(iid).innerHTML=out;

le asigne la clase dia pero no funciona...

Muchas Gracias.

emprear · #2 (**permalink**) 09/11/2012, 04:50

Pero ahi has puesto
pequeno\día y no dia, y no escapaste debidamente las comillas, y estás cerrando etiquetas span sin haberlas abierto. ¿Y el número no iría con distinto color tambien?

Saludos

Mndrake · #3 (**permalink**) 09/11/2012, 07:59

Gracias emprear pero me puedes mostrar que estoy haciendo mal me das un ejemplo de como debería de ser .

Gracias

emprear · #4 (**permalink**) 09/11/2012, 09:30

Pero eso es muy básico, te dejo esto

Código HTML:

Ver original<!DOCTYPE html>
<html >
<head>
<meta charset="utf-8" />
<title>Fecha</title>
<style type="text/css">
.fecha{
color: red;
}
</style>
</head>
<body>
<script type="text/javascript">
var d=new Date();
document.write('<span class=\"fecha\">' + d +'<\/span>');
</script>
</body>
</html>

Pero urgente a los manuales,
http://librosweb.es

SAludos