Pilihan 1.
Pengatur waktu sederhana hanya menggunakan menit dan detik
Agar penghitung waktu muncul, Anda perlu memberi elemen pengidentifikasi pengatur waktu dan tambahkan kondisi ke tag
Itu saja, timer sudah siap.
Pilihan 2.
Gambar akan berfungsi sebagai angka untuk pengatur waktu. Juga di timer ini, selain menit dan detik, jam dan hari juga tersedia. Timer kami akan menghitung mundur ke hari tertentu.
Kami mendesain halaman
Gambar digits2_orange.png akan digunakan untuk menampilkan waktu.
Selanjutnya, kita menulis kode js
gambar - gambar kita
startTime hanyalah waktu yang tersisa hingga 09/01/2017
timerEnd - apa yang terjadi ketika penghitung waktu berakhir, dalam kasus kami, prasasti yang sesuai akan dimasukkan ke dalam wadah dengan pengidentifikasi tut
Berikutnya adalah pengatur waktu kami
Kiri:
Kami bercumbu
#lapisan (
lebar: 600 piksel;
perataan teks: tengah;
margin: 0 otomatis ;)
#menangkal (
margin: 10pt otomatis 0 otomatis;
lebar: 414 piksel;)
Desc (
lebar: 430 piksel;
margin: 0px otomatis;)
# hari, # jam, # menit, # detik (
mengapung: kiri;
font: 13px Arial, Verdana, sans-serif;
lebar: 50 piksel;
margin-kanan: 63px;
font-berat: tebal;
warna: #000 ;)
#detik (margin-kanan: 0px;)
Pemisah Cnt (
ukuran font: 50px;
margin: 6px 7px;
warna: #000 ;)
Opsi 3.
Menurut kami, yang paling nyaman. Sama seperti yang sebelumnya, ini menunjukkan jumlah hari, jam, menit, detik yang tersisa. Tidak menggunakan gambar untuk menampilkan penghitung.
Untuk bekerja, kita membutuhkan perpustakaan jquery dan file
Kami mendesain halaman
00
hari
00
jam
00
min
00
detik
Dan css untuk menata tampilan
.hitung mundur (
gaya daftar: tidak ada;
margin: 6px 0 0 0;
bantalan: 0;
tampilan: blok ;)
Hitung mundur li (tampilan: blok sebaris;)
/ * ini hari, jam, menit, detik * /
.hitung mundur rentang waktu (
lebar: 100%;
warna: # 000;
jenis huruf: Verdana 18px;
tampilan: inline-blok ;)
/ * pemisah. dan: */
.countdown li.seperator (
warna: # 000;
font: 16px Verdana;
vertikal-align: atas ;)
Hitung mundur div (
margin: 0;
warna: #a7abb1;
font: 8pt Verdana ;)
Timer Tabata dapat dibeli di toko sebagai perangkat terpisah, digunakan secara online atau diinstal sebagai aplikasi pada smartphone (misalnya, untuk Android, untuk Iphone). Versi online nyaman karena Anda tidak perlu menginstal apa pun, semuanya sederhana dan intuitif.
Cara menggunakan penghitung waktu interval:
Waktu interval dapat diubah menggunakan tombol - dan + setelah memilih item yang diinginkan:
Pelatihan- bawaan 10 detik... Ini adalah waktu yang diperlukan untuk menjauh dari komputer dan bersiap-siap untuk berolahraga.
Kerja- ditetapkan secara default 20 detik... Ini adalah waktu latihan.
Istirahat- bawaan 10 detik... Ini adalah waktu istirahat di antara putaran.
Putaran- ditetapkan secara default 8 ... Ini adalah jumlah pendekatan (kerja + istirahat).
Siklus- ditetapkan secara default 1 ... Ini adalah jumlah lingkaran dari 8 putaran. Tingkatkan dari waktu ke waktu menjadi 3-4 siklus. Istirahat biasanya dilakukan selama 1 menit di antara siklus. Waktu istirahat antar siklus diatur dalam item "Persiapan".
Versi video penghitung waktu interval dengan musik:
Hai teman! Pada artikel ini, saya akan mengulas tiga layanan online Ovs untuk membuat penghitung waktu mundur, yang saya temui ketika saya perlu mengganti penghitung waktu yang tidak berfungsi dengan yang dari kit pengecer.
Menggali skrip dan kode bukanlah kelebihan saya, jadi saya memutuskan untuk menggunakan solusi sederhana dan cepat - layanan khusus... Atur timer Anda secara visual di atasnya dan kemudian masukkan skrip yang sudah selesai di tempat yang tidak digunakan.
Saat saya mencari, saya menemukan tiga alat online yang bagus, dan memutuskan untuk menceritakannya. Mungkin mereka juga akan berguna bagi Anda dalam pekerjaan Anda.
Tonton video ulasan saya dari layanan ini. Dalam video, saya juga menunjukkan cara mengatur timer di situs web:
Jadi, layanan pertama di mana Anda dapat dengan cepat membuat timer yang bagus adalah e-timer.ru.
Di sini kita memiliki jendela dengan pengaturan yang agak fleksibel; pratinjau hasil dan kode yang perlu disalin dan ditempelkan ke situs Anda untuk menampilkan pengatur waktu.
Sebenarnya, seluruh proses bermuara pada penyesuaian untuk diri Anda sendiri. Dalam pengaturan utama, kami menunjukkan apakah perpustakaan jquery terhubung di situs. Anda dapat memeriksa dengan melihat sumber site (ctrl + u), lalu klik untuk mencari ctrl + f.
Jika kita memilih untuk memulai kembali, katakanlah, setiap hari, maka penghitung akan mulai menghitung lagi setiap hari.
Kami juga dapat mengubah tulisan di penghitung "Sampai akhir promosi", menambah atau menguranginya, atau menghapusnya sama sekali, membiarkan bidang ini kosong.
Dalam pengaturan tampilan timer, kita dapat mengeditnya penampilan:
Ubah font dan warna label;
pemisah antar angka;
bahasa prasasti (Rusia, Ukraina, Inggris tersedia);
padding dan warna latar belakang;
batas dan bayangan.
Di sini Anda bisa bermain dengan cara yang berbeda dan langsung melihat hasilnya.
Dalam pengaturan untuk menampilkan angka, kita dapat memilih:
Nilai terkecil - jika kita memilih "menit", maka detik tidak akan ditampilkan lagi;
font, ukuran dan warna angka;
indentasi internal - saat meningkat, penghitung memanjang.
perbatasan - ketika kita bertambah, sudut-sudut kotak di sekitar angka dibulatkan.
dan bayangan - jika kita meletakkan 0 di sini, maka kita akan sepenuhnya menghapus kotak di sekitar angka.
Setelah semua pengaturan dibuat, salin kode pengatur waktu dan tempel di tempat yang tepat di situs.
Saya akan menunjukkan kepada Anda contoh halaman arahan html sederhana yang saya buka untuk diedit di notepad ++. Saya ingin meletakkan pengatur waktu tepat di bawah tombol pembayaran, jadi saya menemukan tempat ini di kode, menempatkan skrip, dan memusatkan pengatur waktu menggunakan tag
klik untuk memperbesar
Dan di halaman arahan, timer saya terlihat seperti ini:
Layanan online berikutnya megatimer.ru... Saya lebih menyukainya, meskipun ada lebih sedikit peluang untuk pengaturan timer eksternal.
Jadi, di bagian atas kita melihat bagaimana penghitung akan ditampilkan, dan tepat di bawah - tab dengan pengaturan.
"Tipe pengatur waktu" - di sini kami mengatur prinsip operasinya. Jika sebelum tanggal tertentu, maka kami menunjukkan akhir hitungan mundur (sesuai dengan waktu lokal pengguna atau di Moskow, misalnya).
Jika untuk jangka waktu tertentu, maka kita dapat mengatur timer selama 24 jam untuk setiap pengunjung baru. Kemudian kami memilih titik awal dari kunjungan pertama oleh klien dan menunjukkan durasi - 24 jam. Dalam hal ini, di sudut kanan atas, hapus centang "Hari", hanya menyisakan jam, menit, dan detik pada penghitung waktu.
Meskipun, jika pengunjung yang sama mengunjungi halaman dengan penghitung waktu dari browser lain atau membersihkan cache, maka hitungan mundur untuknya akan dimulai dari awal.
Ada juga cyclic timer yang bisa di-restart setiap hari pada frekuensi tertentu.
"Desain" - dari opsi yang diusulkan, kita dapat memilih tampilan pengatur waktu kita. Tidak banyak pilihan, tetapi ada beberapa pilihan serbaguna.
"Pengaturan" - pada tahap ini kami memiliki kesempatan untuk mengubah font, ukuran dan warna angka, lekukan di antara mereka, pemisah, serta font, ukuran dan warna prasasti.
Langkah terakhir adalah menyalin kode pendek dan, tetap saja, letakkan di tempat yang tepat di situs.
Dan layanan terakhir yang ingin saya hentikan hari ini adalah timegenerator.ru... Memungkinkan Anda membuat pengatur waktu dalam hitungan detik, karena ada pengaturan minimum di sini.
Di hadapan kami ada 4 opsi untuk pengatur waktu, di mana kami memilih yang paling cocok untuk diri kami sendiri dengan mengklik tombol yang sesuai.
Sederhana saja, teman-teman. Sekarang Anda tahu di mana membuat penghitung mundur dengan cepat dan mudah untuk situs web Anda.
Terima kasih atas perhatian Anda! Seperti biasa, saya senang atas komentar Anda.
Hormat kami, Victoria
Kami mempersembahkan kepada Anda layanan baru, sangat sederhana dan fungsional untuk semua orang yang tidak acuh terhadap waktu karena satu dan lain alasan. Pengatur waktu online akan memungkinkan Anda mengatur waktu kapan pun Anda membutuhkannya. Entah itu mengatur waktu di acara olahraga, mengatur waktu terbaik Anda sendiri, atau mungkin Anda hanya perlu mengatur waktu pangsit Anda. Secara pribadi, saya, pencipta layanan ini, menggunakannya sendiri untuk melacak waktu memasak hidangan tertentu. Sangat nyaman dan benar. Masakan saya tidak hidup tanpa timer. Saya melacak waktu dalam segala hal - mulai dari menggoreng irisan daging hingga memasak borscht atau sup ayam. Baru-baru ini, seorang teman saya mengaku menggunakan timer online saya sebagai jam alarm! Lagi pula, di akhir hitungan mundur, waktu yang telah ditentukan, pengatur waktu dapat memutar suara. Dan di sini jelas bahwa suara dari speaker komputer akan lebih keras daripada jam alarm biasa, yaitu, kemungkinan bangun lebih tinggi. Bagi saya, ini adalah sesuatu yang baru, jujur saya tidak pernah berpikir bahwa timer online dapat digunakan sebagai jam alarm, tetapi semua karena memiliki fungsi suara. Sekarang saya akan mencobanya sendiri. Tetapi situs ini memiliki lebih dari sekadar pengatur waktu. Anda juga dapat menggunakan layanan stopwatch online. Ya, Anda tidak harus menggunakan timer, Anda punya pilihan. Stopwatch, misalnya, sangat nyaman digunakan saat berolahraga di rumah. Anda dapat melacak pendekatan yang berbeda, istirahat di antara latihan, waktu latihan. Tapi itu tidak semua. Saya selalu menyukai penghitung waktu untuk menghitung mundur jumlah hari hingga peristiwa tertentu, misalnya, penghitung waktu untuk berapa hari tersisa hingga musim panas atau penghitung waktu untuk berapa hari tersisa hingga Tahun Baru. Ini adalah hal yang biasa, tetapi terkadang menarik untuk masuk dan melihat - berapa hari lagi sampai ...
Bagaimana cara menggunakan penghitung waktu online saya
Semuanya sangat sederhana :)Pergi ke situs, Selamat datang! Buka tab "Timer", tekan panah hijau untuk memulai hitungan mundur. Untuk menjeda hitungan mundur, klik Jeda (tombol oranye). Tombol Stop akan menghentikan pengaturan waktu. Dan tombol panah biru yang berputar akan mengatur ulang nilai pengatur waktu. Tentu saja, Anda dapat memamerkannya kapan saja Anda butuhkan. Khusus untuk kenyamanan Anda, saya telah menyiapkan preset untuk tanda waktu, cukup arahkan kursor Anda ke tombol pengatur waktu dan situs saya akan menawarkan Anda untuk memilih waktu yang Anda butuhkan. Jika tidak ada waktu yang diperlukan, tidak masalah, Anda dapat memasukkan waktu yang diperlukan untuk pengaturan waktu secara manual.
Yang terpenting, penghitung waktu online sepenuhnya gratis dan mudah digunakan. Saya membuatnya, pertama-tama untuk diri saya sendiri, untuk kebutuhan kuliner saya, dan karenanya berkualitas tinggi. Lihat sendiri sekarang, gunakan layanan gratis- penghitung waktu online, stopwatch atau hitung mundur ke peristiwa penting.
