Artículos con la etiqueta 'cuenta atrás'

Una cuenta atrás de la clase en Javascript

En el mensaje con el 3D cuenta atrás FIVe3D (ver también cómo lo hice: escribir una cuenta atrás a Flash ), se propuso crear un objeto de clase en Actionscript cuenta atrás, aquí está una versión similar en JavaScript:

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
36
/ **
* Clase de cuenta atrás
*
* @ Autor Giovambattista Fazioli
* @ @ Email g.fazioli undolog.com
* @ Web http://www.undolog.com
*
* @ Param dd (cadena) "día, mes, año
*
* /
dd ) { función de cuenta atrás (dd) {
/ / Inicializa plazo previsto
new Date ( dd ) ; var target = new Date (dd);
= target. getTime ( ) ; .. este objetivo targetTime = getTime ();

/ **
* Actualizar la cuenta regresiva
* /
= function ( ) { este. refresh = function () {
new Date ( ) ; var hoy = new Date ();
today. getTime ( ) ; var hoy = horaActual getTime ().;
/ / Tiempo restante
( this . targetTime - currentTime ) ; este _leftMilliseconds = (this. targetTime - Tiempoactual).;
Math. floor ( this ._leftMilliseconds / 1000 ) ; .. esta _leftSeconds = Matemáticas piso (_leftMilliseconds this. / 1000);
Math. floor ( this ._leftSeconds / 60 ) ; esta planta _leftMinutes Matemáticas = (_leftSeconds this. / 60)..;
Math. floor ( this ._leftMinutes / 60 ) ; .. esta _leftHours = Matemáticas piso (this. _leftMinutes / 60);
/ / No módulo
= Math. floor ( this ._leftHours / 24 ) ; .. esta leftDays = Matemáticas piso (_leftHours this. / 24);
/ / Para imprimir
= this ._leftMilliseconds % 1000 ; este leftMilliseconds = esta _leftMilliseconds% de 1000..;
= this ._leftSeconds % 60 ; este leftSeconds = esta _leftSeconds 60%..;
= this ._leftMinutes % 60 ; este leftMinutes = esta _leftMinutes 60%..;
= this ._leftHours % 24 ; .. esta leftHours = esta _leftHours 24%;
}
( ) ; este refresh ().;
}

Ejemplo

1
2
3
new countDown ( '1 1, 2009' ) ; var = new cd cuenta atrás (1 '1, 2009);
/ / Muestra cuántos días, horas, minutos, segundos y milisegundos a 01 de enero 2009

Continuación ...

Cuenta regresiva en 3D con FIVe3D

Yo escribí una clase CountDown para ActionScript 3.0. Para probar lo que he creado un ejemplo que utiliza las capacidades de renderizado de texto FIVe3D .

Haga clic para abrir la película de Flash

Continuación ...

Cómo lo hice: Flash escribe una cuenta atrás

Para la serie "How I Did It" (o como yo) aquí es cómo hacer una cuenta atrás para mostrar Flash, empezando por una fecha, ¿qué días, horas, minutos y segundos que faltan un evento! La película de Flash a continuación, por ejemplo, ver la cantidad de días durante el primer año! Se pueden utilizar los menús desplegables para seleccionar una fecha diferente:

Cargando flash ...

Creamos tres day_cmb combo, month_cmb year_cmb, y prepararlos:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
/ / Combo de inicialización
controls . ComboBox ; . importar mx controles ComboBox.;
/ /
var i = 1 ; i < 32 ; i ++ ) { for (var i = 1, i <32; i + +) {
i , i ) ; . day_cmb addItem (i, i);
}

var i = 0 ; i < 12 ; i ++ ) { for (var i = 0; i <12; i + +) {
sm [ i ] , i ) ; month_cmb addItem (sm [i], i).;
}
/ / A partir de hoy ... Yo
var i = 2007 ; i < 2020 ; i ++ ) { for (var i = 2007; i <2020; i + +) {
i , i ) ; . year_cmb addItem (i, i);
}
/ / Establecer la fecha de 01 de enero 2008
; // -1 day_cmb selectedIndex = 0;. / / -1
; // -1 month_cmb selectedIndex = 0;. / / -1
; year_cmb selectedIndex = 1.;

El corazón del sistema colocamos el evento onEnterFrame:

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
onEnterFrame = function ( ) { este onEnterFrame. = function () {
/ /
Date = new Date ( ) ; var hoy: Date = new Date ();
getFullYear ( ) ; var hoy = CurrentY getFullYear ().;
getTime ( ) ; var hoy = horaActual getTime ().;
/ /

getTime ( ) ; . targetTime var = TARGETDIR getTime ();
/ /
currentTime ; var = targetTime TimeLeft - horaActual;
/ /
. floor ( timeLeft / 1000 ) ; var s = Matemáticas . piso (TimeLeft / 1000);
= Math . floor ( sec / 60 ) ; var min = Matemáticas suelo (seg / 60).;
. floor ( min / 60 ) ; horas var = Matemáticas . piso (min / 60);
. floor ( hrs / 24 ) ; día var = Matemáticas . piso (hrs / 24);
/ /
sec % 60 ) ; sec = cadena (% s 60);
length < 2 ) ? "0" + sec : sec ; sec = (sec. longitud <2) "0" + s: s;
/ /
( min % 60 ) ; min = cadena (% min 60);
min . length < 2 ) ? "0" + min : min ; = Min (min. longitud <2) "0" + min: min;
/ /
hrs % 24 ) ; hrs = cadena (% 24 hrs);
length < 2 ) ? "0" + hrs : hrs ; ? min = (hrs. longitud <2) "0" + hs: min;
/ /
days ) ; días = cadena (días);
length < 2 ) ? "0" + days : days ; ? = Día (days. longitud <2) "0" + días: días;
/ /
String = days + ":" + hrs + ":" + min + ":" + sec ; var contador: cadena = día + "" + horas + ":" + minutos + ":" + s;
/ /
= counter ; time_txt text = contador.;
};

Continuación ...