Membuat digital Clock

Tutorial berikut ini akan menjelaskan mengenai cara pembuatan digital clock atau jam digital yang cukup sederhana dengan menggunakan Flash setelah sebelumnya membuat tutorial mengenai pembuatan animated cursor. Kita dapat membuat jam digital sesuai dengan selera kita dalam mendesainnya. Pada pembuatannya kita menggunakan actionscript untuk memanggil waktu.

Step 1

Buat sebuah flash dokumen berukuran kecil saja, saya menggunakan 200 px X 90 px dengan diberi warna background putih.

Step 2

Buat 3 buah layer yang diberi nama background, text dan actions.

kido_xseven

Step 3

Buat sebuah persegi panjang dengan menggunakan Rectangle Tool pada layer background frame 1, atur tampilannya seperti berikut. Kemudian tekan F5 di frame 2 layer tersebut.

kido_xseven

Step 4

Pada layer text kita buat sebuah dynamic text dengan menggunakan text tool lalu atur posisinya berada di tengah-tengah gambar background. Kemudian tekan F5 di frame 2 layer tersebut.

kido_xseven

Step 5

Berikan instance name pada dynamic text tersebut dengan “clock_txt”.

kido_xseven

Step 6

Pada frame 1 layer actions, masukkan script berikut.

time=new Date(); // time object

var detik = time.getSeconds()

var menit = time.getMinutes()

var jam = time.getHours()

if (jam<12) {

ampm = “AM”;

}

else{

ampm = “PM”;

}

while(jam >12){

jam = jam – 12;

}

if(jam<10)

{

jam = “0″ + jam;

}

if(menit<10)

{

menit = “0″ + menit;

}

if(detik<10)

{

detik = “0″ + detik;

}

clock_txt.text = jam + “:” + menit + “:” + detik +” “+ ampm;

Step 7

Pada frame 2 layer tersebut tekan F6 kemudian masukkan script berikut.

gotoAndPlay(1);

Step 8

Tekan Ctrl + Enter untuk melihat hasilnya.