← Kembali ke Beranda
Ilustrasi Artikel

Proyek Lanjutan: Memprogram Aplikasi Stopwatch Cerdas

Halo Sobat Jurnal Coding! Setelah kita berhasil menciptakan mesin penunjuk waktu otomatis pada tutorial Jam Digital, kini saatnya kita mencoba tantangan baru yang lebih menggugah otak.

Kita akan memprogram sebuah Stopwatch (Pengukur Waktu Berjalan). Aplikasi seperti ini sangat sering digunakan dalam teknik manajemen waktu belajar atau sekadar menghitung durasi lari pagi.

Berbeda dengan jam dinding yang berjalan sendiri dan mandiri, Stopwatch menuntut kitalah yang memegang kendali penuh. Kita harus menyertakan fitur antar muka untuk Memulai, Menghentikan, dan Mereset waktunya.

### Memanipulasi Alur Waktu JavaScript

Pada proyek ini, asisten gaib kita (fungsi setInterval) akan dipaksa bekerja sangat cepat. Kita akan menyuruhnya berputar setiap 10 milidetik agar layar bisa menampilkan angka yang berkedip sangat cepat layaknya papan mesin pembalap sungguhan.

Kita butuh tiga wadah variabel: menit, detik, dan milidetik. Saat interval berjalan, milidetik bertambah. Jika mencapai batas 100, kita kembalikan ke angka nol dan detik kita tambah satu angka. Begitu seterusnya untuk satuan menit.

### Merakit Mesin Balap Waktu

Salin barisan kode HTML dan JavaScript berikut ke Text Editor andalanmu. Perhatikan penggunaan perintah clearInterval yang berfungsi kuat seperti rem darurat kereta api!



    

00:00:00


    

    
    
    





### Trik Tuas Rem

Fitur paling keren di logika kita adalah kehadiran clearInterval. Saat kita menekan tombol Rem, perintah ini akan menghentikan asisten gaib yang sedang berlari tersebut, sehingga angkanya membeku di layar seketika. Sedangkan tombol Ulangi tidak hanya mengerem mesin, tetapi juga memaksa semua variabel kembali ke angka nol! Selamat mempraktikkannya di rumah.

Apa pendapatmu tentang artikel ini?