首页 > 其他分享 >js定时器动态显示时间

js定时器动态显示时间

时间:2022-09-22 18:47:28浏览次数:61  
标签:动态显示 checkTime 定时器 js 日期 getDay var day today

 // time         let time = document.getElementsByClassName('time')[0];         function startTime() {             var today = new Date();//定义日期对象               var yyyy = today.getFullYear();//通过日期对象的getFullYear()方法返回年                 var MM = today.getMonth() + 1;//通过日期对象的getMonth()方法返回年                 var dd = today.getDate();//通过日期对象的getDate()方法返回年                 var hh = today.getHours();//通过日期对象的getHours方法返回小时               var mm = today.getMinutes();//通过日期对象的getMinutes方法返回分钟               var ss = today.getSeconds();//通过日期对象的getSeconds方法返回秒               // 如果分钟或小时的值小于10,则在其值前加0,比如如果时间是下午3点20分9秒的话,则显示15:20:09               MM = checkTime(MM);             dd = checkTime(dd);             mm = checkTime(mm);             ss = checkTime(ss);             var day; //用于保存星期(getDay()方法得到星期编号)             if (today.getDay() == 0) day = "星期日 "             if (today.getDay() == 1) day = "星期一 "             if (today.getDay() == 2) day = "星期二 "             if (today.getDay() == 3) day = "星期三 "             if (today.getDay() == 4) day = "星期四 "             if (today.getDay() == 5) day = "星期五 "             if (today.getDay() == 6) day = "星期六 "             time.innerHTML = yyyy + "-" + MM + "-" + dd + " " + day + hh + ":" + mm + ":" + ss + "   ";             setTimeout('startTime()', 1000);//每一秒中重新加载startTime()方法         }         function checkTime(i) {             if (i < 10) {                 i = "0" + i;             }             return i;         }         startTime()

标签:动态显示,checkTime,定时器,js,日期,getDay,var,day,today
From: https://www.cnblogs.com/sun-shuaichao/p/16720458.html

相关文章

  • 前端Nodejs-Day36
    package.json属性:name为npm包名,version为包版本,main为文件入口,description为包介绍,keywords为搜索关键词,license为开源许可协议(一般为ISC) 发布包:cd到包的根目录下,利用np......
  • 【前端】js实现JSON字符串格式化显示
    一、效果二、代码JSON.parse:把JSON字符串转换为JSON对象JSON.stringify:把JSON对象转换为有缩进的JSON字符串格式<!--JSON格式化工具--><template><divcl......
  • Spring Boot+Vue从零开始搭建系统(一):项目前端_Vuejs环境搭建
    参考: vue.js-SpringBoot+Vue从零开始搭建系统(一):项目前端_Vuejs环境搭建_个人文章-SegmentFault思否 前言博主本身是一直从事Java后端开发,一直想独立开发一套完......
  • js取补码并转换为2进制
    (-1>>>0).toString(2)//返回结果'11111111111111111111111111111111'(4>>>0).toString(2)//返回结果 '11111111111111111111111111111100'如何计算一个32位2进制......
  • js 手写日历 改变年 改变月
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"conten......
  • 原生js jq选项卡
    html  <divclass="regardc">    <divclass="gw_b_box2">      <divclass="gw_box_tit2on">        <spanclass="sh3ma......
  • vue3+jsx做函数组件
    组件部分:import{h}from"vue";constTest1=(props,context)=>{//context.slots类似react的props.children,但是这里代表插槽,ccname是具名插槽的名字,没有......
  • CentOS 7/8 搭建 Node.js 环境及npm包管理器
     服务器环境:LinuxCentOS7或CentOS8系统=====================================使用EPEL源安装1、下载并安装EPEL源,终端命令如下:1sudorpm-ihttp://download......
  • JSTL标签库(JSP标准标签库)
    JSTL标签库(JSP标准标签库)JSTL(JSPStandardTagLibrary,核心标签库)是JSP标签的集合,它封装了JSP应用的通用核心功能。JSP标签是一组与HTML标签相似,但又比HTML标签......
  • JsonObject依赖包
    JSONObject依赖包 <dependency>   <groupId>com.alibaba</groupId>   <artifactId>fastjson</artifactId>   <version>1.2.28</version> </dependen......