Write a dynamic clock on a web page in HTML
|
Use HTML to write a dynamic web clock. The code is as follows:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Clock Effects</title>
</head>
<script type="text/javascript">
function disptime(){
var today = new Date();
var hh=today.getHours();
var mm=today.getMinutes();
var ss = today.getSeconds();
document.getElementById("myclock").innerHTML="<h1>Now is—"+hh+":"+mm+":"+ss+"</h1>"
}
//The setInterval() method can call a function or calculate an expression according to the specified period var mytime = setInterval("disptime()",1000);
</script>
<body onload="disptime()">
<div id="myclock"></div>
</body>
</html> Summarize The above is what I introduced to you about writing a dynamic clock on a web page in HTML. I hope it will be helpful to you. If you have any questions, please leave me a message and I will reply to you in time. I would also like to thank everyone for their support of the 123WORDPRESS.COM website! |
<<: JavaScript article will show you how to play with web forms
>>: mysql method to recursively search for all child nodes of a menu node
Recommend
How to query the minimum available id value in the Mysql table
Today, when I was looking at the laboratory proje...
Application and implementation of data cache mechanism for small programs
Mini Program Data Cache Related Knowledge Data ca...
Summary of H5 wake-up APP implementation methods and points for attention
Table of contents Preface Jump to APP method URL ...
Detailed tutorial on how to monitor Nginx/Tomcat/MySQL using Zabbix
Table of contents Zabbix monitors Nginx Zabbix mo...
MySQL 5.7.10 Installation Documentation Tutorial
1. Install dependency packages yum -y install gcc...
Usage of mysql timestamp
Preface: Timestamp fields are often used in MySQL...
Detailed explanation of CSS sticky positioning position: sticky problem pit
Preface: position:sticky is a new attribute of CS...
WeChat Mini Program user authorization to obtain mobile phone number (getPhoneNumber)
Preface The mini program has a very convenient AP...
How to use dl(dt,dd), ul(li), ol(li) in HTML
HTML <dl> Tag #Definition and Usage The <...
Deploy the Vue project on a Linux server
Case 1 vue-cli builds the vue3 project, uploads t...
Several ways to shut down Hyper-V service under Windows 10
When using VMware Workstation to open a virtual m...
Why should the number of rows in a single MySQL table not exceed 5 million?
Today, let’s discuss an interesting topic: How mu...
HTML marquee tag usage examples
This tag is not part of HTML3.2 and only supports ...
HTML table tag tutorial (33): cell vertical alignment attribute VALIGN
In the vertical direction, you can set the cell a...
Detailed explanation of the solution to Tomcat's crash when double-clicking startup.bat
As a programmer who has just learned Tomcat, this...