JS获取系统时间

2023-10-27

  网页通过JavaScript获取系统日期、时间的操作是比较常规的操作。我这里将自己使用过的方法小结一下,方便自己回顾或参考。


一、 实现非常简单

  JavaScript只要使用好Date这个类,基本问题都能解决。而且十分简单。

第一步实例化

  实例化一个日期类的对象time。

var time = new Date();

第二步获取值

  对象time用其方法获取值,方法很全,很简单,下面列出常用。

方法 说明
time.getYear(); 获取当前年份(2位+1900)
time.getFullYear(); 获取完整的年份(4位)
time.getMonth(); 获取当前月份(0-11,0代表1月)
time.getDate(); 获取当前日(1-31)
time.getDay(); 获取当前星期X(0-6,0代表星期天)
time.getTime(); 获取当前时间(从1970/1/1开始的毫秒数)
time.getHours(); 获取当前小时数(0-23)
time.getMinutes(); 获取当前分钟数(0-59)
time.getSeconds(); 获取当前秒数(0-59)
time.getMilliseconds(); 获取当前毫秒数(0-999)
time.toLocaleDateString(); 获取当前日期(仅日期)
time.toLocaleTimeString(); 获取当前时间(上午或下午+时间)
time.toLocaleString(); 获取日期与时间(日期+时间)

二、 参考实例

1、无格式要求简单获取

  如果对格式没有什么特殊需求,直接使用一个方法就可以给出一串完整的时间字符串“2022/4/20下午3:13:39”。参考下面代码:

  function getSystemTime() {
	    // 实例化日期类
		var time = new Date();
		//打印得到时间
		console.log(time.toLocaleDateString());
		console.log(time.toLocaleTimeString());
		console.log(time.toLocaleString());
	}

打印输出:

2022/4/20
下午3:13:39
2022/4/20下午3:13:39

2、自定义格式获取

  如果需要个特定的格式,那么我们可以自定义拼接,参看下面代码:

 
function getSystemTime() {
	// 实例化日期类
	var time = new Date();
	// 获取完整的年份(4位)
	var year = time.getFullYear();
	// 获取月份(0-11,0代表1月)
	var month = time.getMonth() + 1;
	// 获取日期(1-31)
	var date = time.getDate();
	// 获取小时
	var h = time.getHours();
	h = h < 10 ? '0' + h : h;
	// 获取分钟
	var m = time.getMinutes();
	m = m < 10 ? '0' + m : m;
	// 获取秒钟
	var s = time.getSeconds();
	s = s < 10 ? '0' + s : s;
	//测试打印
	console.log(year + "年" + month + "月" + date + "日 " + h + ":" + m + ":" + s);
	
	// 合并返回
	return(year + "年" + month + "月" + date + "日 " + h + ":" + m + ":" + s) ;

}


打印输出:

2022年4月22日 15:13:39

3、闰年计算

  计算闰年的方法给出一个实例。


function is_leap_year() {
	// 获取完整的年份(4位)
	var year = time.getFullYear();
	console.log(year);
	return (0 == year % 4 && ((year % 100 != 0) || (year % 400 == 0)));

}

function test(){
	if(is_leap_year()==true)
	{
		console.log("是闰年");
	}
	else
	{		 
		console.log("不是闰年");		 
	}
}

打印输出:

2022
不是闰年

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JS获取系统时间 的相关文章

  • 是否可以在没有 Javascript(仅 CSS)的情况下执行相同的操作(悬停效果)?

    我正在尝试创建一个带有图标的按钮像这样 http jsfiddle net pRdMc HTML div div class icon div span Send Email span div CSS button width 270px
  • Google reCaptcha 永远加载

    我在我的网站上使用 Google 的 reCaptcha 2 0 它曾经运行良好 但自从我向公众开放我的网站并获得了更多用户后 recaptcha 不再适用于大多数用户 它加载得很好 但一旦用户单击 我不是机器人 复选框 它会永远加载并且从
  • 拖放区缩略图宽度图像大小

    如何更改上传图像的缩略图大小 我在我的javascript中尝试过thumbnailWidth 350 但是这不会增加缩略图大小 而缩略图只是看起来放大了 如何操作图像缩略图大小 HTML section section
  • 缓存 firestore 中 get 的第一个实现

    我希望 firestore 每次都先从缓存中获取数据 根据 Firestore 文档 传递 缓存 或 服务器 选项必须启用相同的功能 下面的例子 db collection cities where capital true get cac
  • Streamjs和linqjs有什么关系

    读完SICP后 我最近发现streamjs https github com dionyziz stream js 开发商参考linqjs http linqjs codeplex com 作为具有不同语法的替代实现 但我无法建立连接 St
  • 将数组转换为具有默认值的对象的更简洁方法? (洛达什可用)

    我有一个数组 比如说 a b c 我想将其转换为一个对象 该对象以数组值作为键和我可以设置的默认值 所以如果默认值是true 我希望我的输出是 a true b true c true 下面的代码是否有更简洁的版本来实现此目的 var my
  • 如何在提交表单之前删除自动数字格式?

    我正在使用 jQuery 插件自动数字 http www decorplanit com plugin 但是当我提交表单时 我无法删除之前字段上的格式POST 我尝试使用 input autonumeric destroy 和其他方法 但它
  • 在 IE10 中禁用捏合放大

    在 IE10 触摸模式下 我希望仅使页面的特定部分可缩放 其余的不应该 我找到了这个 http msdn microsoft com en US library ie hh772044 aspx http msdn microsoft co
  • TRACKER:错误TRK0005:无法找到:“CL.exe”。该系统找不到指定的文件

    我尝试在 Windows 8 上的 Node js 项目中执行以下命令 npm 安装 电子邮件受保护 cdn cgi l email protection 但我收到一个错误 我不知道如何处理 TRACKER 错误TRK0005 无法找到 C
  • 如何将函数传递给 JavaScript Web Worker

    我想通过一个 或多个 函数传递postMessage 给网络工作者 因为我无法引用常规文件 为了启动 Web Worker 我将一个对象 URL 从 Blob 创建 传递给Worker构造函数 然后我传递一条消息 但到目前为止还没有在消息中
  • 在 php、ajax 或 javascript 中加载进度?

    任何人都知道如何在系统仍在服务器端获取数据的同时在客户端显示加载进度以及完成的百分比 例如 当我在客户端按下 确定 按钮时 它会调用服务器端从数据库收集数据 整个过程可能需要2到3分钟 如何在客户端显示加载进度 大约加载完成了多少 我怎样才
  • 哪些网络浏览器不支持 Javascript?以及如何识别客户端使用的是哪个浏览器?

    是否有不支持 javascript 的网络浏览器 以及如何确定客户端是否正在使用这些浏览器之一 或者客户端禁用了javascript 是否有不支持 javascript 的网络浏览器 当然 Lynx http en wikipedia or
  • 更改时触发跨度文本/html

    jQuery 或 JavaScript 中是否有任何事件在以下情况下触发span标签 text html 已更改 Code span class user location span user location change functio
  • 如何将当前元素传递给 Knockout.js 绑定中的 Javascript 函数?

    因此 我尝试根据是否选中子复选框 使用 Knockout js 将类添加到元素 为此 我试图通过this作为我的函数的参数 目前 我的精简 DOM 结构如下 tr td td tr
  • PhantomJS 网页内存消耗?

    是否有一种编程方式 因为我想在运行时自动执行 方式来查看网页在通过 PhantomJs 运行时使用了多少内存 我也在使用 casperjs 如果这有帮助的话 我已经搜索了很多但没有找到任何方法 PhantomJs 使用 QtWebKit 因
  • 如何在 JavaScript 中对关联数组进行排序?

    我需要为我的一个项目通过 JS 对关联数组进行排序 我发现这个函数在 Firefox 中运行得很好 但不幸的是它在 IE8 OPERA CHROME 中不起作用 无法找到使其在其他浏览器中运行的方法 或者找到另一个适合该目的的函数 我真的很
  • `ie9` - contenteditable false 在父级可编辑时不起作用

    我正在尝试制作内容可编辑和不可编辑的容器 用户可以通过 3 种方式使用它 他们可以将内容与non editable 他们可以将内容与editable 他们可以在不选择其中之一的情况下放置内容 可编辑 我正在努力实现以下目标 content
  • JavaScript 中最长的通用前缀

    我正在尝试解决 Leet Code 挑战14 最长公共前缀 https leetcode com problems longest common prefix 编写一个函数来查找字符串数组中最长的公共前缀字符串 如果没有公共前缀 则返回空字
  • openssl_pkey_get_details($res) 不返回公共指数

    我在用着这个例子 https stackoverflow com a 12575951 2016196使用 php 生成的密钥进行 javascript 加密openssl图书馆 但是 details openssl pkey get de
  • NodeJS:如何获取服务器的端口?

    您经常会看到 Node 的示例 hello world 代码 它创建一个 Http Server 开始侦听端口 然后执行以下操作 console log Server is listening on port 8000 但理想情况下你会想要

随机推荐

  • vivo 自研鲁班分布式 ID 服务实践

    作者 vivo IT 平台团队 An Peng 本文介绍了什么是分布式ID 分布式ID的业务场景以及9种分布式ID的实现方式 同时基于vivo内部IT的业务场景 介绍了自研鲁班分布式ID服务的实践 一 方案背景 1 1 分布式ID应用的场景
  • 任务调度框架 Quartz 用法指南(超详细)

    点击关注 Java基基 2022 07 31 11 55 发表于上海 点击上方 Java基基 选择 设为星标 做积极的人 而不是积极废人 每天 14 00 更新文章 每天掉亿点点头发 源码精品专栏 原创 Java 2021 超神之路 很肝
  • C语言打印菱形

    思路 简单明了的说一下 首先我们可以将菱形分成上半部分和下半部分 用3个for循环打印上半部分 再用3个for循环打印下半部分 至于for循环里面的判断条件为什么要这样写 你记住就行了 不要问为什么 你问的话 它逻辑就是通的 define
  • 北京大学肖臻老师《区块链技术与应用》公开课笔记1——课程简介篇

    北京大学肖臻老师 区块链技术与应用 公开课笔记 课程简介篇 对应肖老师视频 click here 全系列笔记请见 click here About Me 点击进入我的Personal Page 区块链的本质是什么 观点1 区块链是下一代价值
  • VMware Workstation及CentOS-7虚机安装

    创建新的虚机 选择安装软件 这里选的是桌面版 也可以根据实际情况进行选择 等待检查软件依赖关系 选择安装位置 自主配置分区 创建一个普通用户 安装完成后重启 点击完成配置 进入登陆界面 输入账号密码进入系统
  • STM32 复合设备编写

    目的 完成一个CDC MSC的复合USB设备 可以方便在CDC MSC 复合设备三者间切换 可移植性强 预备知识 cube中USB只有两个入口 main函数中的MX USB DEVICE Init函数 init function void
  • (十七)STM32——定时器

    目录 学习目标 内容 简介 定时器分类 定时器功能介绍 计时器模式 工作过程 内部时钟选择 寄存器 配置 代码 总结 学习目标 本节内容我们来介绍一下有关定时器的知识 其实这个定时器 和我们日常接触的定时器没有什么区别 都是到了一定的时间就
  • ajax简单异步图片上传,Ajax简单异步上传图片并回显

    前台代码 上传图片按钮 选择图片 隐藏的文件选择器 图片预览 去除图片预览未选择时默认时的边框 img src img not src opacity 0 JavaScript部分 function uploadPhoto photoFil
  • Qt--拖放操作

    Qt 拖放操作 1 使用拖放打开文件 将桌面上的 txt文件拖入程序打开 新建Widget项目 项目名称为mydragdrop 类名和积累保持MainWindow和QMainWindow不变 建立完项目后 往界面上拖入一个Text Edit
  • C/C++库函数strstr和find实现子字符串查找

    1 子字符串查找实现Demo include
  • win10 ping不通 Docker ip(解决截图)

    背景 win10下载了docker desktop就是这个图 然后计划做一个springboot连接docker docker部署springboot docker 部署springboot 成功 截图 總鑽風的博客 CSDN博客 问题 s
  • 【Google测试之道】第五章 Google软件测试改进

  • 基于token和基于session用户认证两种方式区别

    背景知识 Authentication和Authorization的区别 Authentication 用户认证 指的是验证用户的身份 例如你希望以小A的身份登录 那么应用程序需要通过用户名和密码确认你真的是小A Authorization
  • Unity打开项目之Hold on,之第一次打开25G的文件夹,之我的自闭之旅

    环境 Unity2017 4 36 VS2019 Windows10 介绍 使用Unity打开一个进25G的项目 文件中包含各个平台的代码 第一次打开花费了进4个小时 关闭后在次打开花费了近 按理说只有第一次加载才会需要很长时间 第二次相对
  • Stata学习笔记

    今天学习的视频是 Stata入门 外部命令安装 哔哩哔哩 bilibili up主 silencedream Stata设置 如何快速安装3000 外部命令 连玉君老师PLUS文件 哔哩哔哩 bilibili up主 小志小视界 外部命令安
  • Matlab --- 如何用matlab在三维坐标系中画一个三维向量

    用MATLAB画三维向量 前两天 我在写Gram Schmidt正交化的文章时 想到最好用matlab把还没有经过正交化计算的原始向量 和已经经过正交化处理后的正交基 在三维坐标系中 用图像的方式表示出来 这样可以更加直观的看到向量与向量之
  • AC-DC--单相桥式全控整流电流源

    单相整流电路中应用较多的是单相桥式全控整流电路 带电阻负载的工作情况 原理图 波形图 在单相桥式全控整流电路中 晶闸管VT1 和VT4 组成一对桥臂 VT2和VT3 组成另一对桥臂 工作原理 在uz正半周 即 a点电位高于b点电位 若4个晶
  • 用户画像标签体系——从零开始搭建实时用户画像(三)

    用户画像标签体系 用户画像的核心在于给用户 打标签 每一个标签通常是人为规定的特征标识 用高度精炼的特征描述一类人 例如年龄 性别 兴趣偏好等 不同的标签通过结构化的数据体系整合 就可与组合出不同的用户画像 梳理标签体系是实现用户画像过程中
  • 如何通过内网穿透实现外部网络对Spring Boot服务端接口的HTTP监听和调试?

    文章目录 前言 1 本地环境搭建 1 1 环境参数 1 2 搭建springboot服务项目 2 内网穿透 2 1 安装配置cpolar内网穿透 2 1 1 windows系统 2 1 2 linux系统 2 2 创建隧道映射本地端口 2
  • JS获取系统时间

    网页通过JavaScript获取系统日期 时间的操作是比较常规的操作 我这里将自己使用过的方法小结一下 方便自己回顾或参考 目录 一 实现非常简单 第一步实例化 第二步获取值 二 参考实例 1 无格式要求简单获取 2 自定义格式获取 3 闰