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类, 来进行显示.

  • 相关阅读:
    Exp8-Web综合
    Exp7-网络欺诈防范
    Exp6-MSF应用基础
    加密API学习
    Exp5 信息搜集与漏洞扫描
    Exp4-恶意代码分析
    Exp3-免杀原理
    Exp2-后门原理与实践
    leetcode 22括号生成 暴力法
    413 等差数列划分
  • 原文地址:https://www.cnblogs.com/montai/p/13121891.html
Copyright © 2011-2022 走看看