membuat jam digital menggunakan javascript

-

  1. Script

  • code
  • source
  1. <html>

  2. <head>

  3.     <title>Tutorial Membuat Jam Analog dan Digital dengan Javascript</title>

  4. </head>

  5. <body>

  6.     <style>

  7.     h1,h2,h3,h4,p,a{

  8.         font-family: sans-serif;

  9.         font-weight: normal;

  10.     }

  11.     .jam-digital {

  12.         overflow: hidden;

  13.         width: 330px;

  14.         margin: 20px auto;

  15.         border: 5px solid #f28000;

  16.     }

  17.     .kotak{

  18.         float: left;

  19.         width: 110px;

  20.         height: 100px;

  21.         background-color: #c1c1c1;

  22.     }

  23.     .jam-digital p {

  24.         color: #fff;

  25.         font-size: 36px;

  26.         text-align: center;

  27.         margin-top: 30px;

  28.     }

  29. </style>

  30.  

  31. <center>

  32.     <h3>Tutorial Membuat Jam Analog dan Digital dengan Javascript</h3>

  33.     <h4>Jam Digital dengan Javascript</h4>

  34. </center>

  35. <div class="jam-digital">

  36.     <div class="kotak"><p id="jam"></p></div>

  37.     <div class="kotak"><p id="menit"></p></div>

  38.     <div class="kotak"><p id="detik"></p></div>

  39. </div>

  40.  

  41. <center><p>TABITA AMELIA TABANA</p></center>

  42.  

  43. <script>

  44.     window.setTimeout("waktu()", 1000);

  45.  

  46.     function waktu() {

  47.         var waktu = new Date();

  48.         setTimeout("waktu()", 1000);

  49.         document.getElementById("jam").innerHTML = waktu.getHours();

  50.         document.getElementById("menit").innerHTML = waktu.getMinutes();

  51.         document.getElementById("detik").innerHTML = waktu.getSeconds();

  52.     }

  53. </script>

  54. </body>

  55. </html>


2. Output





Komentar

Posting Komentar

Postingan populer dari blog ini

LAPORAN SHARING FILE ANTAR 1 JARINGAN YANG SAMA - TABITA TABANA

-
Gambar
  LAPORAN SHARING FILE ANTAR 1 JARINGAN YANG SAMA                  NAMA                          : TABITA AMELIA TABANA          KELAS                         : XII TKJ 1          MATA PELAJARAN  : KONSENTRASI KEAHLIAN                                                  ( PAK. BENG MAUBANU )          HARI/TANGGAL      : SENIN, 02 SEPTEMBER 2024   LANGKAH - LANGKAH SHARING FILE 1. Langkah pertama, pastikan komputer sudah tersambung   dengan WI-FI.   2. Setelah itu cek IP pada komputer 1 dengan cara; windows+ R > ketik cmd > OK.                                  3. Cek IP komputer 1 ( 192.168.100.55) 4. Masuk ke Control Panel > Network and Internet > Network and Sharing Center >Change Advanced Sharing Settings 5. Setelah masuk ke Change Advanced Sharing Settings , nonaktifkan semua mode kecuali yang berkaitan dengan file and printer sharing . 6. Buat folder baru, klik kanan > new > folder. 7. Masukan file kalian dalam folder baru tersebut. 8. Klik kanan pada folder ters
Baca selengkapnya

FUNGSI FUNGSI TOOLS PADA CORELDRAW-Tabita Tabana XI TKJ 1

-
Gambar
 CORELDRAW CorelDraw adalah perangkat lunak yang digunakan untuk membuat gambar atau desain dengan basis  vector .  Software  ini memiliki banyak kegunaan dalam urusan grafis seperti, membuat sketsa, gambar, logo, hingga desain arsitektur.   berikut adalah penjelasan mengenai fungsi  tools  pada CorelDraw: 1.  Pick tool Pick tool  berfungsi untuk memilih, menyeleksi, hingga mengatur ukuran dan posisi dari objek. Selain itu, pada pilihan  pick tool , ada beberapa  tool  tambahan seperti, Freehand Pick tool  yang berfungsi untuk menyeleksi objek dengan bebas. Free Transform too l , untuk mengatur skala ukuran dari objek. 2.  Shape tool Shape tool  memiliki fungsi untuk membuat atau merubah objek menjadi bentuk lain dengan menggunakan titik sudut dari objek tersebut. Sudut dari objek dapat diubah menjadi bulat atau lebih runcing. 3.  Smooth tool Dari namanya kamu sudah bisa menebak bahwa  smooth tool  berfungsi untuk meluruskan atau menghaluskan garis atau sketsa yang kamu buat. 4.  Smear
Baca selengkapnya

ARTIKEL DESAIN KOMUNIKASI VISUAL

-
Gambar
  DESAIN KOMUNIKASI VISUAL     Desain Komunikasi Visual atau lebih dikenal di kalangan civitas akademik di Indonesia dengan singkatan DKV pada dasarnya merupakan istilah penggambaran untuk proses pengolahan media dalam berkomunikasi mengenai pengungkapan ide atau penyampaian informasi yang bisa terbaca atau terlihat.  Saat ini DKV tidak hanya ada di jenjang perguruan tinggi. Sekolah Menengah Kejuruan (SMK) pun sudah menyediakan Kompetensi Keahlian Desain Komunikasi Visual. Desain Komunikasi Visual (DKV) merupakan salah satu Kompetensi Keahlian dari Program Keahlian Seni Rupa pada Bidang Keahlian: Seni dan Industri Kreatif. Jurusan Desain Komunikasi Visual (DKV) juga belajar tentang penggunaan teknologi dalam desain grafis, termasuk perangkat lunak seperti Adobe Photoshop, Illustrator, dan InDesign. Kamu akan belajar bagaimana menggunakan alat-alat ini untuk membuat gambar, grafik, dan desain lainnya yang dapat diaplikasikan di berbagai media seperti web, cetak, dan media sosial. Desain
Baca selengkapnya