Replace.web.ID

1Pertama kita siapkan lembar kerja baru dengan ukuran 400x300. Beri nama Layer1 dengan nama angka. Masukan Text Tool dan tulis dengan angka 00. Copy Text tadi sebanyak tiga kali sehingga kita mempunyai text 00 sebanyak 4 buah. Dan susun seperti gambar dibawah ini.

2Buat layer baru dengan nama button. Setelah itu anda masuk ke menu Window  > Commons Libraries > Buttons



Masukan 3 Buttons pilihan anda pada layer button untuk tombol Start, Pause dan Reset.  

3Kita perlu menyembunyikan tombol Pause dibelakang tombol Play. Itu dilakukan agar ketika kita menekan tombol Play dan Stopwatch jalan, tombol Play akan berganti menjadi tombol Pause. Hasilnya akan tampak seperti gambar dibawah ini.

4Kembali lagi ke layer angka klik text1 dan properties Var isikan dengan _root.hours.
Text 2 var = _root.minutes
Text 3 var = _root.seconds
Text 4 var = _root.milli

4Sekarang klik button Start dan isi Instace Name dengan startb



Beri Instance Name juga pada tombol Pause dan Reset.

tombol Reset, Instance Name = reset
tombol Pause, Instance Name = pauseb

5Buat layer baru dengan nama action
Klik frame pertama dan beri ActionScript  seperti dibawah

_root.pauseb._visible = 0;
//
function restartTimer() {
hours = "00";
minutes = "00";
seconds = "00";
milli = "00";
buttonPressTime = getTimer()/1000-pauseLength;
pause();
}

//
function pause() {
pauseTime = getTimer()/1000;
timing = false;
}

//
function unpause() {
unpauseTime = getTimer()/1000;
pauseLength = (unpauseTime-pauseTime)+pauseLength;
timing = true;
}

//
_root.onEnterFrame = function() {
totalTime = getTimer()/1000-pauseLength;
goTime = totalTime-buttonPressTime;

//
if (timing) {
hours = Math.floor(goTime/3600);
minutes = Math.floor((goTime/3600-hours)*60);
seconds = Math.floor(((goTime/3600-hours)*60-minutes)*60);
milli = Math.floor((gotime-(seconds+(minutes*60)+(hours*3600)))*100);
if (seconds<10) {
seconds = "0"+seconds;
}

if (minutes<10) {
minutes = "0"+minutes;
}

if (hours<10) {
hours = "0"+hours;
}

if (milli<10) {
milli = "0"+milli;
}

}
};

startb.onRelease=function() {
unpause();
pauseb._visible = 1;
startb._visible = 0;
}

pauseb.onRelease=function() {
pause();
startb._visible = 1;
pauseb._visible = 0;
}

reset.onRelease= function() {
restartTimer();
pauseb._visible = 0;
startb._visible = 1;
}

6Test hasil kerja anda dengan menekan Ctrl + Enter.

Sekian dulu tutorial Flash kali ini. Semoga bermanfaat bagi anda semua.

Download Stopwatch Flash