Bagaimana untuk membuat jam digital

Pengarang: Frank Hunt
Tarikh Penciptaan: 15 Mac 2021
Tarikh Kemas Kini: 11 Mungkin 2024
Anonim
Wow keren.. Cara membuat Jam Digital yang sangat mudah dan murah banget
Video.: Wow keren.. Cara membuat Jam Digital yang sangat mudah dan murah banget

Kandungan

Sekiranya anda belum menemui model jam digital yang ideal, anda boleh membuat sendiri menggunakan bahasa pengaturcaraan HTA. Dengan ciri-ciri yang disediakan oleh Internet Explorer, bahasa ini menggabungkan semua keupayaan HTML dan JavaScript ke dalam desktop anda. Pemaju boleh menambah jam digital ke laman web menggunakan beberapa baris JavaScript. Walau bagaimanapun, dengan bahasa HTA, ada kemungkinan untuk membuat templat tersuai menggunakan sifat CSS.


Arahan

Tidak perlu mempunyai jam fizikal untuk mengetahui masa (Martin Poole / Photodisc / Getty Images)
  1. Buka Notepad dan tampal pernyataan berikut dalam dokumen baru anda:

    Ujian HTA

    type = "text / css"> .clockStyle {border: thick dotted blue; warna latar belakang: # FFFF00; lebar: 100px; ketinggian: 20px; teks-align: center; }

    Bahagian "gaya" kod ini, yang dipaparkan pada akhir, mentakrifkan kelas yang dipanggil "clockStyle". Kelas ini menentukan penampilan jam tangan. Sebagai contoh, atribut sempadan memasukkan garis sempadan di titik biru sepanjang masa. Latar belakang adalah kuning. Parameter lebar dan ketinggian mewakili resolusi piksel objek.

  2. Tambah blok JavaScript berikut di bawah kod dari langkah sebelumnya:


    Perhatikan pembolehubah "windowWidth" dan "windowHeight" di bahagian atas kod. Mereka akan mengawal saiz tingkap yang mengandungi jam digital. Tukar nilai-nilai ini dengan cara yang anda mahu.

  3. Tambah kod berikut di bawah yang diterangkan pada bahagian terakhir:

    >

    Ini akan mewujudkan elemen "div", iaitu badan jam. Atribut kelas anda merujuk kepada deklarasi gaya CSS yang diterangkan sebelum ini.

  4. Tekan "Ctrl" dan "S" serentak dan ketik "DigitalClock.hta" ke dalam medan "Nama Fail" yang dipaparkan dalam tetingkap "Simpan Sebagai". Klik "Simpan" untuk menyimpan nama fail.

  5. Buka "Windows Explorer" dan cari fail itu. Klik dua kali fail untuk memaparkan jam digital.

Bagaimana

  • Sesuaikan jam dengan menukar sifat CSS dalam bahagian "gaya" dokumen. Sebagai contoh, untuk menukar latar belakang menjadi merah jambu, gantikan "kuning" dalam kod dengan "merah jambu". Biasanya, jam mengemas kini paparan setiap saat. Untuk menukar kadar penyegaran, ubah "1000" dalam kod ke nilai lain, seperti 2000. Ini akan mengubah jam setiap dua saat.

Rujukan

  • Microsoft MSDN: Pengenalan kepada Aplikasi HTML (HTA)
  • W3Schools: Objek Tarikh JavaScript [dalam bahasa Inggeris]