首页 > 其他分享 >插件-js实现动态时钟效果

插件-js实现动态时钟效果

时间:2024-03-21 17:33:16浏览次数:20  
标签:插件 seconds js month hours var now day 时钟

<div id="updatetime"></div>
const updateTime = () => {
    var now = new Date();

    var year = now.getFullYear();
    var month = now.getMonth() + 1; // getMonth() 返回 0-11
    var day = now.getDate();
    var hours = now.getHours();
    var minutes = now.getMinutes();
    var seconds = now.getSeconds();

    // 补零操作
    month = month < 10 ? '0' + month : month;
    day = day < 10 ? '0' + day : day;
    hours = hours < 10 ? '0' + hours : hours;
    minutes = minutes < 10 ? '0' + minutes : minutes;
    seconds = seconds < 10 ? '0' + seconds : seconds;

    var dateTimeString = year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds;
    $("#updatetime").text(dateTimeString + " GMT+8 (中国标准时间)");
}
updateTime();
setInterval(updateTime, 1000);

标签:插件,seconds,js,month,hours,var,now,day,时钟
From: https://www.cnblogs.com/cyfjjf/p/18087880

相关文章

  • vue3使用qrcodejs2-fix生成背景透明的二维码
    qrcodejs官方仓库:GitHub-davidshimjs/qrcodejs:Cross-browserQRCodegeneratorforjavascriptqrcodejs2-fix 是一个用于生成QR码的JavaScript库,使用的时候先安装,然后通过设置前景色和背景色可以控制显示的二维码效果。想生成透明背景的二维码也可以,我通过下面配置前景......
  • nodejs 实现 AMD 加载 依赖
    importfsfrom"fs";importpathfrom"path";importvmfrom"vm";exportclassLoadComponent{componentsPath:string=path.resolve("../first/components/");componentName:string="";componentIn......
  • node.js学习:fs.writeFile方法和fs.appendFile方法
     前言初学者,想记录一下Node.js学习上的一些新知fs.writeFile方法语法:fs.writeFile(file,data,[options],callback)file:要写入数据的文件路径。data:要写入的数据,可以是字符串或者缓冲区。options(可选):一个对象,包含文件写入的选项。常见的选项包括编码方式和文......
  • 用户界面插件
    用户界面插件使用用户界面插件,可以将附加功能添加到StableDiffusionUI的用户界面中。注意:插件尚未经过恶意代码审查。请仅使用您信任的插件。安装插件如果插件描述中没有另外说明,请右键单击插件链接并将插件保存到C:\EasyDiffusion\plugins\ui(或分别安装到的驱动器)。文件......
  • js substr 根据字节长度截取字符串
    jssubstr根据字节长度截取字符串此方法应该还可以被优化一下/** *根据字节长度截取字符串 *@paramstr字符串 *@parambytesStart字节截取起始位置 *@parambytesLen字节截取长度 */substrByBytes(str,bytesStart,bytesLen){ letbytes=0//字节数 ......
  • 魔兽世界LUA插件开发与示例
    魔兽世界LUA插件开发1.创建插件1.1创建插件文件夹打开WorldofWarcraft\Interface\AddOns文件下,在该文件夹下创建一个插件名文件夹用来存放插件,如Makubex1.2创建插件文件在该文件夹下创建俩个文件,一个是用来给魔兽世界引入的toc头文件,一个是你自己的lua脚本文......
  • vue项目中使用html2canvas插件
    一、生成海报图vue项目中使用html2canvas插件,实现将编写的html代码转成可以保存的图片,只需要以下四步。1、在vue项目中安装插件npmihtml2canvas 2、在需要使用到的页面引入html2canvas插件importhtml2canvasfrom“html2canvas”; 3、按照设计图编写html代码<d......
  • RCC时钟代码详解<一步一注释>
    voidSystemClock_Config(void){RCC_OscInitTypeDefRCC_OscInitStruct={0};RCC_ClkInitTypeDefRCC_ClkInitStruct={0};/**Configurethemaininternalregulatoroutputvoltage*/__HAL_RCC_PWR_CLK_ENABLE();__HAL_PWR_VOLTAGESCALING_CONFIG(PW......
  • Vue.js+SpringBoot开发服装店库存管理系统
    目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1数据中心模块2.2角色管理模块2.3服装档案模块2.4服装入库模块2.5服装出库模块三、系统设计3.1用例设计3.2数据库设计3.2.1角色表3.2.2服装档案表3.2.3服装入库表3.2.4服装出库表四、系统展示五、核......
  • Vue.js+SpringBoot开发高校宿舍调配管理系统
    目录一、摘要1.1项目介绍1.2项目录屏二、功能需求2.1学生端2.2宿管2.3老师端三、系统展示四、核心代码4.1查询单条个人习惯4.2查询我的室友4.3查询宿舍4.4查询指定性别全部宿舍4.5初次分配宿舍五、免责说明一、摘要1.1项目介绍基于JAVA+Vue+Spring......