zoukankan      html  css  js  c++  java
  • 如何在网页中动态显示时间

    在网页中动态显示时间, 需要用到Windows对象方法: setInterval(code,millisec[,"lang"])

    setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。(详细请参考: W3 School描述: https://www.w3school.com.cn/jsref/met_win_setinterval.asp)

    setInterval方法有两个参数, code 指向要执行的代码, millsec是执行的间隔时间.

    在Code代码中, 需要将当前的时间, 填写到一个对象中, 在这个对象中进行显示: 

    如下代码, 使用JavaScrip写了一个getTime函数, 在这个函数中,将时间写到 ID为'TimeShow'对象中.

    <p id = 'TimeShow'> </p>

    <script>
       function getTime(){
               document.getElementById("TimeShow").innerHTML =  Date();
            }
     
            setInterval(getTime, 1000)
    </script>

    代码执行后,显示如下:

     需要说明的是, 'TimeShow' 对象, 可以是<p>, <div>, <Span>, <button>, <input>, 可以根据自己喜欢的样式进行选择, 也可以自己写一个专门的用于时间显示的Class类, 来进行显示.

  • 相关阅读:
    nginx实战
    apache定制错误页面
    openstack虚拟机获取不到ip
    ansible-galera集群部署(13)
    kubernetes监控(12)
    kubernets部署sock-shop微服务电商平台(11)
    用ConfigMap管理配置(10)
    k8s管理机密信息(9)
    shell编程(2)
    shell练习题集合
  • 原文地址:https://www.cnblogs.com/montai/p/13121891.html
Copyright © 2011-2022 走看看