Membuat Waktu Mundur atau Countdown Timer dengan C# - Selamat pagi sahabat blogger semuanya, kembali lagi bersama saya di blog tutorial yang sederhana ini. Semoga kunjungan sahabat blogger ke blog ini bisa memberikan sahabat blogger manfaat atau inspirasi.
Sesuai judul diatas yaitu Membuat Waktu Mundur atau Countdown Timer dengan C#, kali ini saya akan memberikan tutorial untuk membuat waktu mundur dengan menggunakan bahasa C# (CSharp). Sehinggan nantinya, sahabat blogger mungkin bisa menemukan ide lain atau mengembangkan aplikasi mungil ini menjadi aplikasi yang lebih bermanfaat, misalnya seperti waktu mundur dalam ujian.
Baiklah, saya tidak akan lama-lama membuang waktu sahabat, langsung saja dibawah ini saya paparkan caranya step by step :
Buka Visual Studio
pertama buka visual studio sahabat dan buat project baru (buat project dengan memilih bahasa C#). Jika sudah, sekarang silahkan sahabat blogger design seperti berikut ini :
pada design diatas saya menggunakan komponen berikut ini :
| Komponen | Property Name | Keterangan |
|---|---|---|
| Textbox | txtJam | Komponen untuk menginputkan jumlah jam yang dihitung mundur |
| txtMenit | Komponen untuk menginputkan jumlah menit yang dihitung mundur | |
| txtDetik | Komponen untuk menginputkan jumlah detik yang dihitung mundur | |
| txtPesan | Untuk pesan kepada user jika waktu mundur sudah selesai | |
| Button | btnStart | Untuk memulai penghitungan waktu mundur |
| btnPause | Untuk menghentikan sementara waktu mundur | |
| btnStop | Untuk menghentikan penghitungan waktu mundur | |
| Label | lblHr | Menampilkan data Jam yang dihitung mundur |
| lblMin | Menampilkan data Menit yang dihitung mundur | |
| lblSec | Menampilkan data Detik yang dihitung mundur | |
| Timer | tmrWaktu | Komponen ini digunakan agar waktu bisa berjalan |
itu tadi diatas merupakan komponen yang saya buat pada aplikasi ini. Biasakan untuk memberi penamaan pada property name dari komponen yang digunakan agar lebih mudah dan rapi dalam peng-codingan.
Peng-codingan
import runtime.interopservice dan letakkan di bagian reference, seperti berikut ini :
using System.Runtime.InteropServices;
selanjutnya, buat global variable dimana variable ini akan digunakan nantinya untuk proses penghitungan waktu mundur.
public int detik;
public int menit;
public int jam;
public bool pause;
klik 2x pada form dan inputkan kode berikut pada form load
txtJam.Focus();
txtJam.Text = Convert.ToString(0);
txtMenit.Text = Convert.ToString(0);
txtDetik.Text = Convert.ToString(0);
kemudian kita sekarang akan melakukan peng-codingan pada button nya. Klik 2x pada btnStart dan inputkan kode berikut ini :
if (pause != true)
{
if ((txtJam.Text != string.Empty) && (txtMenit.Text != string.Empty) && (txtDetik.Text != string.Empty))
{
tmrWaktu.Enabled = true;
btnPause.Enabled = true;
btnStart.Enabled = false;
btnStop.Enabled = true;
txtJam.Enabled = false;
txtMenit.Enabled = false;
txtDetik.Enabled = false;
txtPesan.Enabled = false;
try
{
menit = System.Convert.ToInt32(txtMenit.Text);
detik = System.Convert.ToInt32(txtDetik.Text);
jam = System.Convert.ToInt32(txtJam.Text);
}
catch (Exception ex)
{
MessageBox.Show(ex.Message);
}
}
else
{
MessageBox .Show ("Terjadi Masalah Pada Aplikasi","Guzko Tutorial",MessageBoxButtons .OK , MessageBoxIcon .Error );
}
}
else {
tmrWaktu.Enabled = true;
pause = false;
btnStart .Enabled = false;
btnPause.Enabled = true;
}
kemudian lanjutkan dengan klik 2x pada btnPause dan inputkan kode berikut ini :
// pause waktu
if (MessageBox.Show("Apakah anda yakin ingin melakukan pause waktu ?.", "Konfirmasi", MessageBoxButtons.YesNo, MessageBoxIcon.Question) == System.Windows.Forms.DialogResult.Yes)
{
tmrWaktu.Enabled = false;
pause = true;
btnPause .Enabled = false;
btnStart .Enabled = true;
}
pada btnStop inputkan kode berikut ini:
if (MessageBox.Show("Apakah anda yakin ingin menghentikan waktu ?", "Konfirmasi", MessageBoxButtons.YesNo, MessageBoxIcon.Question) == System.Windows.Forms.DialogResult.Yes)
{
// hentikan waktu
pause = false;
tmrWaktu.Enabled = false;
btnPause .Enabled = false;
btnStop .Enabled = false;
btnStart .Enabled = true;
txtPesan.Clear();
txtJam.Text = Convert.ToString(0);
txtMenit.Text = Convert.ToString(0);
txtDetik.Text = Convert.ToString(0);
txtJam.Enabled = true;
txtPesan.Enabled = true;
txtDetik.Enabled = true;
txtMenit.Enabled = true;
txtJam.Enabled = true;
lblHr.Text = "00";
lblMin.Text = "00";
lblSec.Text = "00";
}
dan kode yang terakhir, klik 2x pada komponen timer dan inputkan kode berikut ini :
// melakukan pengecekan jika waktu tidak sesuai
if ((menit == 0) && (jam == 0) && (detik == 0))
{
// jika waktu yang ditentukan telah selesai, kosongkan field
// juga menampilkan pesan bahwa waktu telah selesai
tmrWaktu.Enabled = false;
Console.Beep();
MessageBox.Show(txtPesan.Text, "Peringatan");
btnPause.Enabled = false;
btnStop.Enabled = false;
btnStart .Enabled = true;
txtPesan.Clear();
txtJam.Text = Convert.ToString(0);
txtMenit.Text = Convert.ToString(0);
txtDetik.Text = Convert.ToString(0);
txtJam.Enabled = true;
txtPesan.Enabled = true;
txtDetik.Enabled = true;
txtMenit.Enabled = true;
txtJam.Enabled = true;
lblHr.Text = "00";
lblMin.Text = "00";
lblSec.Text = "00";
}
else
{
// lanjutkan waktu
if (detik < 1)
{
detik = 59;
if (menit == 0)
{
menit = 59;
if (jam != 0)
jam -= 1;
}
else
{
menit -= 1;
}
}
else
detik -= 1;
lblHr.Text = jam.ToString();
lblMin.Text = menit.ToString();
lblSec.Text = detik.ToString();
}
if ((menit == 5) && (jam == 0) && (detik == 0))
{
// memberikan peringatan kepada user jika waktu tersisa tinggal 5 menit
MessageBox.Show("5 menit tersisa.\n Silahkan selesaikan segera pekerjaan anda dan pastikan semuanya sudah terkoreksi. ", "Peringatan", MessageBoxButtons.OK, MessageBoxIcon.Warning);
}
if ((menit == 10) && (jam == 0) && (detik == 0))
{
//memberikan peringatan kepada user jika waktu tersisa tinggal 10 menit
MessageBox.Show("10 menit tersisa.\n Silahkan selesaikan segera pekerjaan anda dan pastikan semuanya sudah terkoreksi ", "Perigatan", MessageBoxButtons.OK, MessageBoxIcon.Warning);
}
bagaimana sahabat blogger, simple kan cara buat countdown timer nya ? jika sahabat sudah bisa membuat secara sederhana aplikasi penghitungan mundur seperti ini, mudah-mudahan kedepannya sahabat blogger bisa mengembangkan lagi aplikasi ini menjadi aplikasi yang lebih bermanfaat misalnya untuk diwarnet atau mungkin sahabat blogger membuat aplikasi quiz yang berisi waktu, sahabat bisa menggunakan kode ini.
Sekian dulu tutorial Membuat Waktu Mundur atau Countdown Timer dengan C# ini, semoga bermanfaat dan jika ada yang ingin ditanyakan, jangan segan-segan untuk meninggalkan jejak di komentar. Jika sahabat ingin mendownload kode lengkapnya bisa melalui link dibawah yang telah saya sediakan.
kita jumpa lagi dilain waktu dengan tutorial yang berbeda....seee....uuuuu
1 komentar:
MAS CARA COUNTDOWNYA MULAI OTOMATIS PAS PINDAH FORM GIMANA YA, SAYA BIKIN APLIKASI TEST IQ GITU, JADI PERSOALNYA ADA COUNTDOWN TERUS BIAR PAS KLIK BUTTON DARI FORM SEBELUMNYA AGAR TIMER ITU BERJALAN OTOMATIS GIMANA MAS