No aparece fecha/hora ni cuenta regresiva!

rafinho85 · #1 (**permalink**) 04/03/2011, 23:30

hola amigos que tal, mi problema es el siguiente, en mi pagina decidi ponerle hora y fecha y cuenta regresiva, pero resulta que no me aparece nada y he revisado el codigo mil veces nose que podra ser, a continuacion les dejo el codigo para que me ayuden a encontrar mi error, de antemano muchas gracias

Código:

<script type="text/javascript">
<!--hide from old browsers
function countDown() {
	var today = new Date()
	var dayofweek = today.toLocaleString()
	dayLocate = dayofweek.indexOf(" ")
	weekDay = dayofweek.substring(0, dayLocate)
	newDay = dayofweek.substring(dayLocate)
	dateLocate = newDay.indexOf(",")
	monthDate = newDay.substring(0, dateLocate+1)
	yearLocate = dayofweek.indexOf("2011")
	year = dayofweek.substr(yearLocate, 4)

	var EarthDay = new Date("April 22, 2011")
	var daysToGo = EarthDay.getTime()-today.getTime()
	var daysToEarthDay = Math.ceil(daysToGo/(1000*60*60*24))

	displayDate.innerHTML = "<h3>Today is "+weekDay+" "+monthDate+" "+year+". We have "+daysToEarthDay+" days until Earth Day.</h3>
}
-->
</script>

maycolalvarez · #2 (**permalink**) 05/03/2011, 00:41

¿y se puede saber en dónde invocas a la función countDown?:si nada la llama, pues no se ejecuta.

rafinho85 · #3 (**permalink**) 05/03/2011, 10:44

como ejecuto la funcion countdown??

tengo en el codigo

Código:

<div type="displayDate"
</div>

para mostrar la fecha pero la funcion donde la pongo???

ocp001a · #4 (**permalink**) 05/03/2011, 12:46

puedes invocarla en el body:
<body onload="countdown()">

rafinho85 · #5 (**permalink**) 05/03/2011, 14:43

no aun asi no me funciona no aparece nada

Código:

<body onload="countDown()">
<script type="text/javascript">
<!--hide from old browsers
function countDown() {
	var today = new Date()
	var dayofweek = today.toLocaleString()
	dayLocate = dayofweek.indexOf(" ")
	weekDay = dayofweek.substring(0, dayLocate)
	newDay = dayofweek.substring(dayLocate)
	dateLocate = newDay.indexOf(",")
	monthDate = newDay.substring(0, dateLocate+1)
	yearLocate = dayofweek.indexOf("2011")
	year = dayofweek.substr(yearLocate, 4)

	var EarthDay = new Date("April 22, 2011")
	var daysToGo = EarthDay.getTime()-today.getTime()
	var daysToEarthDay = Math.ceil(daysToGo/(1000*60*60*24))

	displayDate.innerHTML = "<h3>Today is "+weekDay+" "+monthDate+" "+year+". We have "+daysToEarthDay+" days until Earth Day.</h3>
}
-->
</script>
<div id="displayDate">
</div>

asi tengo ya todo mi codigo, pero en la pagina no aparece, o alguien me puede decir otro codigo pero que sea por ejemplo asi:

Hoy es (fecha MM/DD/AAAA) y faltan (Dias Hrs/Mins/Segs) para XXXX evento

gracias

maycolalvarez · #6 (**permalink**) 06/03/2011, 17:11

ahh, no lo había visto: no puedes hacer referencia directa a un objeto html simplemente nombrándolo por su nombre o id, debes de utilizar alguna de las funciones del DOM para eso:

document.getElementById('displayDate').innerHTML = "<h3>Today is "+weekDay+" "+monthDate+" "+year+". We have "+daysToEarthDay+" days until Earth Day.</h3>"; //además debes de terminar la cadena adecuadamente

rafinho85 · #7 (**permalink**) 06/03/2011, 20:49

hermano ya me estoy desesperando, la le agrege lo que me habias dicho y aun sigue sin aparecer nada, o algo estoy haciendo mal dime como quedaria todo el codigo completo, porque a mi no me esta funcionando
como quiera gracias por toda la ayuda

rafinho85 · #8 (**permalink**) 09/03/2011, 02:27

bueno no encontre como poder resolver este script ya le he intendado de varias maneras y nomas no puedo creo que buscare algo mas simple gracias a todos de igual manera