Creating a 12 hour digital clock in Animate CC in HTML5 Canvas

-

hello,

 

i have as3 code working 12 hour clock using dynamic text field , looking translate html5. i've found several examples of clock code in javascript, cannot seem translate working clock in animate cc.

 

can me translate as3 code working javascript/html5 animate cc?

 

//adds enter frame event dynamic text field.

thetime.addeventlistener(event.enter_frame,showtime);

 

function showtime(event:event):void {

//create new instance of date class.

var mytime:date = new date();

//this returns seconds, minutes , hour.

var theseconds=mytime.getseconds();

var theminutes=mytime.getminutes();

var thehours=mytime.gethours();

var ampm:string;

 

//displays am/pm depending on current hour.

if (thehours>=12) {

     ampm="pm";

} else {

     ampm="am";

}

//this subtracts 12 hour when greater 13.

if (thehours>=13) {

    thehours=thehours-12;

}

if (thehours==0) {

    thehours=thehours+12;

}

//adds '0' if there 1 digit.

if (string(thehours).length == 1) {   

    thehours="0"+thehours;

}

if (string(theminutes).length == 1) {   

    theminutes="0"+theminutes;

}

if (string(theseconds).length == 1) {    

   theseconds="0"+theseconds;

}

//displays time in dynamic text field.

thetime.text =thehours+":"+theminutes+":"+theseconds+" "+ampm;

}

var tl=this

createjs.ticker.addeventlistener('tick',showtime);

 

function showtime(event) {

//create new instance of date class.

var mytime = new date();

//this returns seconds, minutes , hour.

var theseconds=mytime.getseconds();

var theminutes=mytime.getminutes();

var thehours=mytime.gethours();

var ampm;

 

//displays am/pm depending on current hour.

if (thehours>=12) {

     ampm="pm";

} else {

     ampm="am";

}

//this subtracts 12 hour when greater 13.

if (thehours>=13) {

    thehours=thehours-12;

}

if (thehours==0) {

    thehours=thehours+12;

}

//adds '0' if there 1 digit.

if (string(thehours).length == 1) {  

    thehours="0"+thehours;

}

if (string(theminutes).length == 1) {  

    theminutes="0"+theminutes;

}

if (string(theseconds).length == 1) {   

   theseconds="0"+theseconds;

}

//displays time in dynamic text field.

tl.thetime.text =thehours+":"+theminutes+":"+theseconds+" "+ampm;

}



More discussions in Adobe Animate CC - General


adobe

Comments

Post a Comment

Popular posts from this blog

Illustrator CS6 Ocurrío un error E/S en el archivo.

-
este error me me sale cada ves que guardo un archivo que ya estado trabajando varias veces, sale cuando ya esta finalizando el proceso de guardar, ya probe cambiar nombre del archivo, ubicación de guardado, convertí curvas las fuentes y sigue saliendo el mismo error, no se que mas hacer, si alguien le ha sucedido y sabe como solucionarlo por favor ayuda. versión exacta (acerca de illustrator) de illustrator? versión sistema operativo?   guardas en el disco duro principal del ordenador o en otro disco, memoria pendrive,...? ese disco que clase de disco, modelo, antiguedad, espacio libre,...? More discussions in Foro en español adobe
Read more

Why is os_ViewContainer running?

-
when open illustrator (cc) opens window os_viewcontainer cannot view or close. shows in taskbar second window illustrator when mousing on ai icon. have tried select no luck. have tried clear using red x, no luck. close when close illustrator. wondering why there , if should concerned. oh, running windows 10. hi ccsachs,   as per query when launch illustrator opens " os_viewcontainer "   i request please share screenshots along below-mentioned details:   exact version of illustrator  graphic card using , when updated last time how performs in safe mode? ( https://support.microsoft.com/en-in/help/12376/windows-10-start-your-pc-in-safe-mode ) if works fine in safe mode please share antivirus using?   regards srishti More discussions in Illustrator adobe
Read more

Animate - problem with duplicating scripts after loop

-
hi all,   i have problem simple button script @ first frame. fine when timeline playing first time. after when timeline loops , stop again @ 0 frame button script fireing 2 times, when loops third time fireing 3 times etc...   here script:   this.stop(); exportroot.mc_cta.cursor = "pointer";   this.mc_cta.on("click", clickfunc.bind(this));   function clickfunc() {     console.log("clicked");     eb.useractioncounter("clicked");     exportroot.gotoandplay(1); }   anybody ideas? wrong?   thanks! kris use:   this.stop(); exportroot.mc_cta.cursor = "pointer";   if(!this.alreadyexecuted){ this.alreadyexecuted=true; this.mc_cta.on("click", clickfunc.bind(this));   function clickfunc() { console.log("clicked"); eb.useractioncounter("clicked"); exportroot.gotoandplay(1); } } More discussions in Adobe Animate CC - General adobe
Read more