html如何实现计数器以及时钟的功能代码
本篇文章给大家带来的内容是关于html如何实现计数器以及时钟的功能代码 ，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
在许多的网页中，我们都会看到计数器以及时钟，那么我们怎么自己实现着种功能呢？
先说计数器，计数器的逻辑功能很简单，就是秒针每秒加一，逢60进一就可以。代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<div></div>
<script>
var index = 0;
var i=0;
/**
* 对时间进行预先处理，逢60进一
*/
function counter(){
second = index;
minute=i;
index++;
if(second==60){
second=0;
i++;
index=0;
}
if(second<10){
second = "0"+second;
}
if(minute<10){
minute="0"+minute;
}
return time = minute +":"+second;
}
/**
* 将获得的时间插入到div的区域
*/
function show(){
var time = counter();
document.getElementsByTagName("div")[0].innerHTML=time;
}
/**
* 每秒钟获得一次时间，实现计数功能
*/
function set(){
setInterval("show()",1000);
}
show();
set();
</script>
</body>
</html>这样，一个简单的计数器就完成了。
时钟功能的代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
/**
* 向Date类中添加获取当前时间的方法
*/
Date.prototype.currentTime = function(){
var year = this.getFullYear();
var month = this.getMonth()+1;
var day = this.getDate();
var week = this.getDay();
week = "星期"+"日一二三四五六".charAt(week);
month = month<10 ? "0"+month : month;
day = day < 10 ? "0"+day : day;
var hour = this.getHours();
var second = this.getSeconds();
var minute = this.getMinutes();
hour = hour<10 ? "0"+hour : hour;
second = second < 10 ? "0"+second : second;
minute = minute < 10 ? "0"+minute : minute;
return year+"-"+month+"-"+day+" "+week+" "+hour+":"+minute+":"+second;
}
function showTime(){
var time = new Date().currentTime();
document.getElementById("show").innerHTML = time;
}
function setTime(){
showTime();
setInterval("showTime()",1000);
}
window.onload = function(){
setTime();
}
</script>
</head>
<body>
<span id="show"></span>
</body>
</html>这样，时钟就完成了！
相关推荐：
jQuery+css实现的时钟效果(兼容各浏览器)_jquery
Atas ialah kandungan terperinci html如何实现计数器以及时钟的功能代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1382
52
Apl jam tiada dalam iPhone: Cara membetulkannya
May 03, 2024 pm 09:19 PM
Adakah apl jam hilang dari telefon anda? Tarikh dan masa masih akan dipaparkan pada bar status iPhone anda. Walau bagaimanapun, tanpa apl Jam, anda tidak akan dapat menggunakan jam dunia, jam randik, jam penggera dan banyak ciri lain. Oleh itu, membetulkan apl jam yang hilang hendaklah berada di bahagian atas senarai tugasan anda. Penyelesaian ini boleh membantu anda menyelesaikan isu ini. Betulkan 1 – Letakkan Apl Jam Jika anda tersilap mengalih keluar apl Jam daripada skrin utama anda, anda boleh meletakkan semula apl Jam pada tempatnya. Langkah 1 – Buka kunci iPhone anda dan mula meleret ke kiri sehingga anda mencapai halaman Pustaka Apl. Langkah 2 – Seterusnya, cari "jam" dalam kotak carian. Langkah 3 – Apabila anda melihat "Jam" di bawah dalam hasil carian, tekan dan tahan dan
Cara menggunakan berbilang pemasa pada iPhone dengan iOS 17
Jun 21, 2023 am 08:18 AM
Apakah pemasa berbilang pada iOS17? Dalam iOS17, Apple kini menawarkan pengguna keupayaan untuk menetapkan berbilang pemasa sekaligus pada iPhone mereka. Ini adalah satu perubahan yang dialu-alukan, yang ditunggu-tunggu ramai selama bertahun-tahun. Apl Jam, yang sebelum iOS 16 hanya membenarkan pengguna menetapkan satu pemasa pada satu masa, kini boleh digunakan untuk mengaktifkan sebarang bilangan pemasa, menjadikannya sesuai untuk menyelesaikan berbilang tugas sekaligus. Anda boleh menetapkan sebarang bilangan pemasa dalam skrin pemasa. Setelah pemasa dimulakan, semua pemasa aktif akan muncul sebagai pemberitahuan "Aktiviti Langsung" pada skrin kunci dan Pusat Pemberitahuan. Dari sini, anda boleh melihat baki masa sehingga pemasa dimatikan, jeda atau hentikan pemasa tanpa membuka apl Jam. apabila anda berada pada jam
iOS 17: Cara menukar gaya jam iPhone dalam mod siap sedia
Sep 10, 2023 pm 09:21 PM
Siap sedia ialah mod skrin kunci yang diaktifkan apabila iPhone dipalamkan ke dalam pengecas dan berorientasikan dalam orientasi mendatar (atau landskap). Ia terdiri daripada tiga skrin berbeza, satu daripadanya dipaparkan masa skrin penuh. Teruskan membaca untuk mengetahui cara menukar gaya jam anda. Skrin ketiga StandBy memaparkan masa dan tarikh dalam pelbagai tema yang boleh anda leret secara menegak. Sesetengah tema juga memaparkan maklumat tambahan, seperti suhu atau penggera seterusnya. Jika anda menahan sebarang jam, anda boleh bertukar antara tema yang berbeza, termasuk Digital, Analog, Dunia, Suria dan Terapung. Terapung memaparkan masa dalam nombor gelembung besar dalam warna yang boleh disesuaikan, Solar mempunyai fon yang lebih standard dengan reka bentuk suar matahari dalam warna yang berbeza, dan Dunia memaparkan dunia dengan menyerlahkan
![Cara mematikan penggera pada iPhone [2023]](https://img.php.cn/upload/article/000/465/014/169259550735100.png?x-oss-process=image/resize,m_fill,h_207,w_330)
Cara mematikan penggera pada iPhone [2023]
Aug 21, 2023 pm 01:25 PM
Sejak kemunculan telefon pintar, mereka sudah pasti telah menggantikan jam penggera. Jika anda memiliki iPhone, anda boleh menggunakan apl Jam untuk menetapkan seberapa banyak penggera dengan mudah untuk beberapa kali sepanjang hari. Apl ini membolehkan anda mengkonfigurasi masa penggera, nada, kekerapan ia berulang dan sama ada anda mahu menangguhkannya menggunakan pilihan Tunda. Jika anda ingin mematikan penggera yang telah anda tetapkan, siaran berikut akan membantu anda melumpuhkan dan memadamkan penggera biasa dan penggera bangun pada iPhone anda. Cara Mematikan Penggera Biasa pada iPhone Secara lalai, apabila anda menambah penggera pada apl Jam atau meminta Siri menambah penggera untuk anda, anda sebenarnya mencipta penggera biasa. Anda boleh mencipta seberapa banyak jam penggera pada iPhone anda sesuka hati dan meletakkannya
Bagaimana untuk menyesuaikan warna siap sedia dalam iOS 17
Sep 23, 2023 pm 12:53 PM
Apple menawarkan mod skrin kunci baharu dalam iOS 17 yang dipanggil Mod Siap Sedia, yang diaktifkan apabila iPhone anda dipalamkan ke dalam pengecas (berwayar atau wayarles) dan diletakkan pada dirian dalam orientasi landskap. Mod ini akan menunjukkan lebih banyak maklumat sepintas lalu daripada skrin kunci standard dengan menunjukkan jam, data cuaca, kalendar dan beberapa widget. Selepas mendayakan ciri ini dalam tetapan, iPhone anda akan memasuki mod siap sedia secara automatik apabila diletakkan dalam orientasi landskap semasa mengecas. Cara menukar warna siap sedia dalam mod Siap sedia iOS 17 menawarkan satu set tiga halaman (Widget, Foto dan Jam) yang boleh anda tukar ke sana ke mari dengan meleret pada skrin. Daripada halaman ini, hanya skrin Jam membolehkan anda menyesuaikan warna yang dipaparkan pada skrin supaya anda boleh
Apakah yang perlu saya lakukan jika jam komputer win10 saya sentiasa tidak tepat Beberapa cara untuk melaraskan masa komputer win10
Mar 27, 2024 pm 05:10 PM
1. Mula-mula klik pada menu Mula dan pilih butang Tetapan dalam menu Mula. 2. Selepas dibuka, pilih tetapan masa dan bahasa. 3. Tukar ia untuk menetapkan masa secara automatik. 4. Anda juga boleh mematikan tetapan masa automatik dan memilih masa yang anda mahu tukar. Kaedah 2: 1. Buka pilihan [Other Date, Time and Regional Settings]. 2. Pilih [Tetapkan masa dan tarikh]. 3. Pilih [Internet Time] dan buka [Change Settings Options]. 4. Tandakan [Synchronize with Internet Time Server (S)], klik [Update Now], dan kemudian klik OK.
Melaksanakan kaunter teragih menggunakan Redis
May 11, 2023 am 08:06 AM
Apakah kaunter yang diedarkan? Dalam sistem teragih, berbilang nod perlu mengemas kini dan membaca keadaan biasa, dan pembilang adalah salah satu keadaan yang paling banyak digunakan. Dalam istilah awam, pembilang ialah pembolehubah yang nilainya dinaikkan atau dikurangkan sebanyak 1 setiap kali ia diakses Ia adalah penunjuk yang digunakan untuk menjejaki kemajuan sistem tertentu. Kaunter teragih merujuk kepada pengendalian dan pengurusan kaunter dalam persekitaran teragih. Mengapa menggunakan Redis untuk melaksanakan kaunter teragih? Dengan populariti pengkomputeran teragih, banyak isu terperinci dalam sistem teragih juga berlaku
Bagaimana untuk menetapkan jam di belakang label TikTok? Bagaimana untuk menetapkan tegnya untuk menarik trafik?
Mar 25, 2024 pm 05:21 PM
Sebagai salah satu platform video pendek paling popular di dunia, fungsi berkuasa Douyin dan permainan yang kaya menyukarkan pengguna untuk meletakkannya. Di Douyin, kami boleh menambah teg pada kerja untuk meningkatkan pendedahan, dan jam di belakang teg akan menggesa masa kemas kini kandungan di bawah teg. Jadi, bagaimana untuk menetapkan jam di belakang label Douyin? Artikel ini akan memperkenalkan secara terperinci cara menyediakan teg dan jam Douyin serta cara memandu trafik melalui teg. 1. Bagaimana untuk menetapkan jam di belakang label Douyin? 1. Buka Douyin dan klik butang "Buat" untuk memasuki halaman penyuntingan video. 2. Selepas memilih bahan, klik "Seterusnya" untuk memasuki halaman keluaran kerja. 3. Pada halaman penerbitan karya, isikan tajuk karya dan klik "Tambah Tag". 4. Pada halaman label, masukkan nama label yang ingin anda tambahkan.
