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!

MySQL statement to get all dates or months in a specified time period (without setting stored procedures or adding tables)

Blog

Write a dynamic clock on a web page in HTML

Detailed explanation of several examples of insert and batch statements in MySQL

Detailed explanation of common Docker commands

HTML table tag tutorial (24): horizontal alignment attribute of the row ALIGN

Detailed explanation of the use of cloud native technology kubernetes scheduling unit pod

JS quickly master ES6 class usage

Detailed explanation of :key in VUE v-for

MySQL statement to get all dates or months in a specified time period (without setting stored procedures or adding tables)

Detailed explanation of Vue save automatic formatting line break

Tutorial on installing nginx in Linux environment

Vue implements pull-down to load more

Recommend

Let's talk about MySQL joint query in detail

CentOS 8 custom directory installation nginx (tutorial details)

Detailed introduction to deploying k8s cluster on centos7 system

MySQL 8.0.14 installation and configuration method graphic tutorial (general)

Should I use UTF-8 or GB2312 encoding when building a website?

Mysql5.7.14 installation and configuration method operation graphic tutorial (password problem solution)

Detailed explanation of several error handling when Nginx fails to start

JS achieves five-star praise case

Detailed explanation of Grid layout and Flex layout of display in CSS3

After Webpack-cli is successfully installed, check the webpack -v error case for details

25 Ways and Tips to Increase Web Page Loading Speed

Summary of four ways to loop through an array in JS

Detailed explanation of gcc command usage under Linux system

Example code for using CSS to implement the style of logistics progress

Packetdrill's concise user guide