En muchos sitios, puede ver un temporizador en cuenta regresiva hasta que ocurre un evento específico. Esta puede ser la hora de finalización de los descuentos o el tiempo restante hasta el Año Nuevo. Estos temporizadores son un gran movimiento publicitario que estimula la actividad de compradores / proveedores, así como una buena variedad interactiva para el sitio.
Necesario
un guión de temporizador de cuenta regresiva
Instrucciones
Paso 1
Para configurar dicho temporizador en su sitio web, primero descargue el script del temporizador de cuenta regresiva. Luego configura dos parámetros en él: la fecha de la cuenta atrás y la inscripción correspondiente que se mostrará cuando llegue esta fecha.
Paso 2
Al abrir el archivo descargado, encontrará 2 archivos: uno contiene el script countdown.js y el otro sirve como ejemplo de la página a la que se conectará este script: index.html. Primero, extraiga los archivos del archivo.
Paso 3
Utilice el Bloc de notas para editar el archivo de secuencia de comandos. Para abrir el archivo especificado en el Bloc de notas, haga clic derecho sobre él. En el menú que aparece, seleccione el elemento "Abrir", luego seleccione "con - Bloc de notas".
Paso 4
Edite la primera línea al principio del archivo: var eventstr = "¡Feliz año nuevo!". Esta inscripción se mostrará al final de la cuenta atrás. La segunda línea con la fecha de la cuenta regresiva se encuentra al final del archivo y se ve así: CountDowndmn (2011, 1, 1) en el formato año, mes, día.
Paso 5
Edite el fragmento de secuencia de comandos, que también se encuentra al final del archivo, ligeramente por encima de la fecha de la cuenta regresiva: countdownid.innerHTML = "+ dday +" "+ ddaystr +", "+ dhour +" "+ dhourstr +", "+ dmin + " + dminstr + "y" + dsec + " + dsecstr.
Paso 6
Guarde el archivo resultante y colóquelo en el directorio donde se encuentra la página de su sitio, donde se colocará el temporizador. En otras palabras, el archivo de página del temporizador y el archivo de secuencia de comandos deben estar en el mismo directorio.
Paso 7
A continuación, en un lugar conveniente para colocar el temporizador, en el código de su página, coloque 2 líneas:
DIV "centro" ID = "cuenta atrás">.
Paso 8
La primera línea es responsable del comando para generar el temporizador. El segundo es para conectar el script creado.
Paso 9
Verifique que su temporizador esté funcionando. Si todo se hace correctamente, verá una cuenta atrás en el lugar correcto de la página de su sitio.
