首页 > 其他分享 >JS动态时间

JS动态时间

时间:2023-05-05 13:56:13浏览次数:27  
标签:month JS date second 时间 var 动态 day minute

一、动态时间动态走动

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div id="box"></div>
    <script type="text/javascript">
      function showtime() {
        var date = new Date();

        var year = date.getFullYear();
        var month = date.getMonth() + 1;
        month = month < 10 ? '0' + month : month;
        var day = date.getDate();
        day = day < 10 ? '0' + day : day;
        var week = '日一二三四五六'.charAt(date.getDay()); // 使用charAt函数提取相应汉字
        var hour = date.getHours();
        hour = hour < 10 ? '0' + hour : hour; // 用三目运算符调整数字显示格式
        var minute = date.getMinutes();
        minute = minute < 10 ? '0' + minute : minute;
        var second = date.getSeconds();
        second = second < 10 ? '0' + second : second;

        var current = year + '-' + month + '-' + day + ' ' + '星期' + week + ' ' + hour + ':' + minute + ':' + second;

        var o = document.getElementById('box');
        o.innerHTML = current;
        setTimeout(showtime, 1000);
      }
      showtime();
    </script>
  </body>
</html>

 

标签:month,JS,date,second,时间,var,动态,day,minute
From: https://www.cnblogs.com/Ryan-DHQ/p/17373891.html

相关文章

  • jsp Web超大文件上传和断点续传的实现
    ​ 对于大文件的处理,无论是用户端还是服务端,如果一次性进行读取发送、接收都是不可取,很容易导致内存问题。所以对于大文件上传,采用切块分段上传,从上传的效率来看,利用多线程并发上传能够达到最大效率。 本文是基于springboot+vue实现的文件上传,本文主要介绍服务端实现文件......
  • vue搭建脚手架出现:无法加载文件 D:\SoftWare\NodeJS\node_global\vue.ps1
    一、前言用VsCode搭建Vue3脚手架时,提示“无法加载文件D:\SoftWare\NodeJS\node_global\vue.ps1”文件 二、解决方法以管理员身份打开VSCode编辑器首先执行get-ExecutionPolicy查看执行策略然后执行set-ExecutionPolicyRemoteSigned把策略模式改为RemoteSigned更改执行......
  • threejs相机动画
    threejs相机动画import*asdatfrom"dat.gui";import{GUI}from"../../utils/lil-gui.module.min.js";importTWEENfrom"@tweenjs/tween.js";constgui=newGUI();gui.domElement.style.right="0px";......
  • React Native之JSX语法
    一、什么是JSXJSX即JavaScriptXML。一种在React组件内部构建标签的类XML语法。JSX为react.js开发的一套语法糖,也是react.js的使用基础。React在不使用JSX的情况下一样可以工作,然而使用JSX可以提高组件的可读性,因此推荐使用JSX。二、JSX的基本使用 2.1为什么使用JSX​原......
  • VoIP应用在Ubuntu 14.04下编译FFmpeg libX264及PJSIP
    PJSIP是一个开源的SIP协议栈。它支持多种SIP的扩展功能,可说算是最目前流行的SIP协议栈之一了。 它实现了SIP、SDP、RTP、STUN、TURN和ICE。PJSIP作为基于SIP的一个多媒体通信框架提供了非常清晰的API,以及NAT穿越的功能。PJSIP具有非常好的移植性,几乎支持现今所有系统:从桌面系统......
  • jsjiami.v6加密逆向分析介绍
    随着互联网的不断发展,网站的安全性越来越受到重视。JS混淆加密技术是一种常用的保护网站安全的手段。jsjiami.v6是一款常用的JS混淆加密工具,下面我们来详细了解一下。首先,我们来看一下一个使用jsjiami.v6进行混淆加密的案例代码:eval(function(p,a,c,k,e,r){e=function(c){returnc.t......
  • nvm(Node Version Manager)安装管理多个版本的 Node.js 和 npm。
    在使用npm安装多个版本的软件包时,需要使用Node.js的版本管理工具–n或 nvm(NodeVersionManager)来管理多个版本的Node.js和npm。下面是使用nvm安装和管理Node.js和npm版本的步骤:安装nvm:您可以使用curl或wget命令来下载和安装nvm: curl-o-https:/......
  • Node.js的安装与配置
    一、什么是Node.js?Node.js 是能够在伺服器端运行 JavaScript 的开放原始码、跨平台执行环境。Node.js由OpenJSFoundation(原为Node.jsFoundation,已与JSFoundation合并)持有和维护,亦为 Linux基金会的项目。Node.js采用 Google 开发的 V8 执行程式码,使用事件驱动......
  • obsidian 日记本倒序汇总 获取标题显示 插件dataviewjs list
    obsidian日记本倒序汇总获取标题显示插件dataviewjslist//dataviewjsfunctionremoveDuplicate(arr){returnarr.filter((item,index)=>{returnarr.indexOf(item)===index})}constlist=dv.pages('"02日记本"').file.lists.map(item=>{ retu......
  • Json工具类
    publicclassJsonUtils{privatestaticSerializeConfigmapping=createConfig();publicJsonUtils(){}privatestaticSerializeConfigcreateConfig(){SerializeConfigconfig=newSerializeConfig();config.put(Date.class,newS......