Tutorial Menampilkan Waktu di Flash

Pada tutorial sebelumnya kita telah membuat jam digital dengan tampilan sederhana menggunakan action script 2.0. Tampilan jam digital pada tutorial pertama hanya menampilkan waktu berupa jam, menit dan detik saja, sedangkan kali ini kita akan belajar bagaimana menambahkannya dengan tanggal, hari, bulan, dan tahun pada waktu digital tersebut. Kami akan menuntun anda bagaimana menampikan informasi waktu digital yang berisi jam beserta tanggal, hari, bulan dan tahun.

Gambar Tampilan Waktu dengan Jam, Hari, Bulan dan Tahun

Silahkan simak caranya berikut ini: 

1. Pertama untuk memperindah tampilan waktu kita perlu untuk menambahkan background (latar belakang) terlebih dahulu. Anda dapat membuat background anda sendiri, atau dengan mengimpor gambar. Di sini kami akan mengimpor gambar, karena langkahnya yang lebih sederhana. Silahkan sediakan terlebih dahulu background, misalnya: 

Gambar Contoh Frame yang Digunakan

2. Pada layer 1 frame 1, imporlah gambar ke stage atau ke library, caranya yaitu: klik File >> Import >> Import to Stage atau tekan CTRL+R. Lalu pilih gambar yang akan diimpor dan klik open. Atur posisi dan ukuran gambar di stage. 

Gambar Petunjuk Cara Impor Gambar ke Stage

3. Selanjutnya masih pada layer tersebut, aktifkan Text Tool (T) dan tarik mouse untuk membuat text area. Atur posisi dan ukuran text area terhadap gambar background yang telah diimpor sebelumnya.

Gambar Menambahkan Text Area ke Dalam Frame

4. Klik text area, dan masuk pada panel properties. Pada panel properties, tentukan text type: dynamic text, variable: display, dan juga tentukan desain tulisan anda, seperti jenis huruf, ukuran huruf, warna, behavior, dsb.

Gambar Panel Properties Text

5. Klik layer 1, lalu pada layer tersebut aktifkan panel action (tekan F9) dan kemudian masukkan script berikut ini: 

namaHari= new Array("Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu");

namaBulan=new Array("Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember");

waktu=new Date()

jam=waktu.getHours();

menit=waktu.getMinutes();

detik=waktu.getSeconds();

hari=new Date().getDay();

bulan=new Date().getMonth();

tahun=new Date().getFullYear();

display="Sekarang Jam "+jam+':'+menit+':'+detik+" Hari "+namaHari[hari]+" Bulan "+namaBulan[bulan]+" Tahun "+tahun;

Catatan:

• Nama hari dan bulan dapat anda ubah sesuka kalian, misalnya Minggu diganti Ahad, atau Januari diganti Jan, dan sebagainya.
• Teks "Sekarang Jam, Hari, Bulan, dan Tahun" juga dapat anda ubah, misalnya Hari, Bulan dan Tahun dihilangkan, dan sebagainya.

5. Klik kanan frame 2 layer 1 dan pilih Insert Frame.

Gambar Petunjuk Insert Frame

6. Jalankan movie dengan menekan CTRL+Enter. Cek dan apabila dijumpai ketidaksesuaian desain anda bisa mengaturnya melalui properties.

Tampilan yang sudah jadi kurang lebih seperti ini:

Gambar Tampilan Waktu dengan Jam, Hari, Bulan dan Tahun

Anda dapat mengkostumisasi tampilan sesuai selera anda sendiri, sehingga dapat membuatnya semakin menarik. Semoga berhasil dan tunggu tutorial lain selanjutnya.

Diperbarui pada 24 Januari 2017.