js获取当前时间、获取当前时间戳、时间与时间戳互转。

article/2025/9/21 5:55:46

1、 JavaScript 获取当前时间戳：
第一种：

var timestamp = Date.parse(new Date());
console.log(timestamp); // 1622427159000

第二种：

var timestamp = (new Date()).valueOf();
console.log(timestamp);	// 1622427218359

第三种：

new Date().getTime() ; // 1622427445085

注：第一种：获取的时间戳是把毫秒改成000显示，第二种和第三种是获取了当前毫秒的时间戳。

2、指定时间转换时间戳

// 时间格式必须为  YYYY-MM-DD HH:MM:SS  或者 YYYY-MM-DD
let start_time  = "2021-05-08 12:50:30";
new Date(start_time).getTime()  // 使用上面三种均可以实现
// 1620449430000

3、 时间戳转换时间

function format(dataString){//dataString是整数，否则要parseInt转换var time = new Date(dataString);var year = time.getFullYear();var month = time.getMonth()+1;var day = time.getDate();var hour = time.getHours();var minute = time.getMinutes();var second = time.getSeconds();return year+'-'+(month<10?'0'+month:month)+'-'+(day<10?'0'+day:day)+' '+(hour<10?'0'+hour:hour)+':'+(minute<10?'0'+minute:minute)+':'+(second<10?'0'+second:second)}
format(1620449430000);
// "2021-05-08 12:50:30"

// 方法2  - 有ESlint校验的慎用const created = "2020-08-07T09:42:20Z";formatDate ( new Date(created ) )// 日期处理  formatDate = (date) => {let format = 'yyyy-MM-dd hh:mm:ss'const args = {"M+": date.getMonth() + 1,"d+": date.getDate(),"h+": date.getHours(),"m+": date.getMinutes(),"s+": date.getSeconds(),"q+": Math.floor((date.getMonth() + 3) / 3),  // quarter"S": date.getMilliseconds()};if (/(y+)/.test(format))format = format.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));for (const i in args) {const n = args[i];if (new RegExp("(" + i + ")").test(format))format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? n : ("00" + n).substr(("" + n).length));}return format;}

4、Js获取当前日期时间及其它操作

var myDate = new Date();//获取系统当前时间
myDate.getYear(); //获取当前年份(2位)
myDate.getFullYear(); //获取完整的年份(4位,1970-????)
myDate.getMonth(); //获取当前月份(0-11,0代表1月)
myDate.getDate(); //获取当前日(1-31)
myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)
myDate.getHours(); //获取当前小时数(0-23)
myDate.getMinutes(); //获取当前分钟数(0-59)
myDate.getSeconds(); //获取当前秒数(0-59)
myDate.getMilliseconds(); //获取当前毫秒数(0-999)
myDate.toLocaleDateString(); //获取当前日期
var mytime=myDate.toLocaleTimeString(); //获取当前时间
myDate.toLocaleString( ); //获取日期与时间

5、日期时间脚本库方法列表

/*Date.prototype.isLeapYear;	//判断闰年Date.prototype.Format ;	//日期格式化Date.prototype.DateAdd ;	//日期计算Date.prototype.DateDiff;	// 比较日期差Date.prototype.toString ;	//日期转字符串Date.prototype.toArray ;	//日期分割为数组Date.prototype.DatePart ;	//取日期的部分信息Date.prototype.MaxDayOfDate;	// 取日期所在月的最大天数Date.prototype.WeekNumOfYear;	// 判断日期所在年的第几周StringToDate ;	//字符串转日期型IsValidDate ;	//验证日期有效性CheckDateTime ;	//完整日期时间检查daysBetween ;	//日期天数差
*/// 案例代码如下：// 判断闰年
Date.prototype.isLeapYear = function(){return (0==this.getYear()%4&&((this.getYear()%100!=0)||(this.getYear()%400==0)));
}
/*// 日期格式化// 格式 YYYY/yyyy/YY/yy 表示年份// MM/M 月份// W/w 星期// dd/DD/d/D 日期// hh/HH/h/H 时间// mm/m 分钟// ss/SS/s/S 秒
*/
Date.prototype.Format = function(formatStr){var str = formatStr;var Week = ['日','一','二','三','四','五','六'];str=str.replace(/yyyy|YYYY/,this.getFullYear());str=str.replace(/yy|YY/,(this.getYear() % 100)>9?(this.getYear() % 100).toString():’0′ + (this.getYear() % 100));str=str.replace(/MM/,this.getMonth()>9?this.getMonth().toString():’0′ + this.getMonth());str=str.replace(/M/g,this.getMonth());str=str.replace(/w|W/g,Week[this.getDay()]);str=str.replace(/dd|DD/,this.getDate()>9?this.getDate().toString():’0′ + this.getDate());str=str.replace(/d|D/g,this.getDate());str=str.replace(/hh|HH/,this.getHours()>9?this.getHours().toString():’0′ + this.getHours());str=str.replace(/h|H/g,this.getHours());str=str.replace(/mm/,this.getMinutes()>9?this.getMinutes().toString():’0′ + this.getMinutes());str=str.replace(/m/g,this.getMinutes());str=str.replace(/ss|SS/,this.getSeconds()>9?this.getSeconds().toString():’0′ + this.getSeconds());str=str.replace(/s|S/g,this.getSeconds());return str;
}/*
//| 求两个时间的天数差 日期格式为 YYYY-MM-dd
*/
function daysBetween(DateOne,DateTwo){var OneMonth = DateOne.substring(5,DateOne.lastIndexOf (‘-’));var OneDay = DateOne.substring(DateOne.length,DateOne.lastIndexOf (‘-’)+1);var OneYear = DateOne.substring(0,DateOne.indexOf (‘-’));var TwoMonth = DateTwo.substring(5,DateTwo.lastIndexOf (‘-’));var TwoDay = DateTwo.substring(DateTwo.length,DateTwo.lastIndexOf (‘-’)+1);var TwoYear = DateTwo.substring(0,DateTwo.indexOf (‘-’));var cha=((Date.parse(OneMonth+’/'+OneDay+’/'+OneYear)- Date.parse(TwoMonth+’/'+TwoDay+’/'+TwoYear))/86400000);return Math.abs(cha);
}/*
//| 日期计算
*/
Date.prototype.DateAdd = function(strInterval, Number) {var dtTmp = this;switch (strInterval) {case ‘s’ :return new Date(Date.parse(dtTmp) + (1000 * Number));case ‘n’ :return new Date(Date.parse(dtTmp) + (60000 * Number));case ‘h’ :return new Date(Date.parse(dtTmp) + (3600000 * Number));case ‘d’ :return new Date(Date.parse(dtTmp) + (86400000 * Number));case ‘w’ :return new Date(Date.parse(dtTmp) + ((86400000 * 7) * Number));case ‘q’ :return new Date(dtTmp.getFullYear(), (dtTmp.getMonth()) + Number*3, dtTmp.getDate(), dtTmp.getHours(), dtTmp.getMinutes(), dtTmp.getSeconds());case ‘m’ :return new Date(dtTmp.getFullYear(), (dtTmp.getMonth()) + Number, dtTmp.getDate(), dtTmp.getHours(), dtTmp.getMinutes(), dtTmp.getSeconds());case ‘y’ :return new Date((dtTmp.getFullYear() + Number), dtTmp.getMonth(), dtTmp.getDate(), dtTmp.getHours(), dtTmp.getMinutes(), dtTmp.getSeconds());}
}/*
//| 比较日期差 dtEnd 格式为日期型或者有效日期格式字符串
*/
Date.prototype.DateDiff = function(strInterval, dtEnd) {var dtStart = this;if (typeof dtEnd == ‘string’ )//如果是字符串转换为日期型{dtEnd = StringToDate(dtEnd);}switch (strInterval) {case ‘s’ :return parseInt((dtEnd – dtStart) / 1000);case ‘n’ :return parseInt((dtEnd – dtStart) / 60000);case ‘h’ :return parseInt((dtEnd – dtStart) / 3600000);case ‘d’ :return parseInt((dtEnd – dtStart) / 86400000);case ‘w’ :return parseInt((dtEnd – dtStart) / (86400000 * 7));case ‘m’ :return (dtEnd.getMonth()+1)+((dtEnd.getFullYear()-dtStart.getFullYear())*12) – (dtStart.getMonth()+1);case ‘y’ :return dtEnd.getFullYear() – dtStart.getFullYear();}
}/*
//| 日期输出字符串，重载了系统的toString方法
*/
Date.prototype.toString = function(showWeek){var myDate= this;var str = myDate.toLocaleDateString();if (showWeek){var Week = ['日','一','二','三','四','五','六'];str += ‘ 星期’ + Week[myDate.getDay()];}return str;
}/*
//| 日期合法性验证
//| 格式为：YYYY-MM-DD或YYYY/MM/DD
*/
function IsValidDate(DateStr){var sDate=DateStr.replace(/(^\s+|\s+$)/g,”); //去两边空格;if(sDate==”) return true;//如果格式满足YYYY-(/)MM-(/)DD或YYYY-(/)M-(/)DD或YYYY-(/)M-(/)D或YYYY-(/)MM-(/)D就替换为”//数据库中，合法日期可以是:YYYY-MM/DD(2003-3/21),数据库会自动转换为YYYY-MM-DD格式var s = sDate.replace(/[\d]{ 4,4 }[\-/]{ 1 }[\d]{ 1,2 }[\-/]{ 1 }[\d]{ 1,2 }/g,”);if (s==”) //说明格式满足YYYY-MM-DD或YYYY-M-DD或YYYY-M-D或YYYY-MM-D{var t=new Date(sDate.replace(/\-/g,’/'));var ar = sDate.split(/[-/:]/);if(ar[0] != t.getYear() || ar[1] != t.getMonth()+1 || ar[2] != t.getDate()){
//alert(‘错误的日期格式！格式为：YYYY-MM-DD或YYYY/MM/DD。注意闰年。’);return false;}}else{
//alert(‘错误的日期格式！格式为：YYYY-MM-DD或YYYY/MM/DD。注意闰年。’);return false;}return true;
}/*
//| 日期时间检查
//| 格式为：YYYY-MM-DD HH:MM:SS
*/
function CheckDateTime(str){var reg = /^(\d+)-(\d{ 1,2 })-(\d{ 1,2 }) (\d{ 1,2 }):(\d{ 1,2 }):(\d{ 1,2 })$/;var r = str.match(reg);if(r==null)return false;r[2]=r[2]-1;var d= new Date(r[1],r[2],r[3],r[4],r[5],r[6]);if(d.getFullYear()!=r[1])return false;if(d.getMonth()!=r[2])return false;if(d.getDate()!=r[3])return false;if(d.getHours()!=r[4])return false;if(d.getMinutes()!=r[5])return false;if(d.getSeconds()!=r[6])return false;return true;
}/*
//| 把日期分割成数组
*/
Date.prototype.toArray = function(){var myDate = this;var myArray = Array();myArray[0] = myDate.getFullYear();myArray[1] = myDate.getMonth();myArray[2] = myDate.getDate();myArray[3] = myDate.getHours();myArray[4] = myDate.getMinutes();myArray[5] = myDate.getSeconds();return myArray;
}/*
//| 取得日期数据信息
//| 参数 interval 表示数据类型
//| y 年 m月 d日 w星期 ww周 h时 n分 s秒
*/
Date.prototype.DatePart = function(interval){var myDate = this;var partStr=”;var Week = ['日','一','二','三','四','五','六'];switch (interval){case ‘y’ :partStr = myDate.getFullYear();break;case ‘m’ :partStr = myDate.getMonth()+1;break;case ‘d’ :partStr = myDate.getDate();break;case ‘w’ :partStr = Week[myDate.getDay()];break;case ‘ww’ :partStr = myDate.WeekNumOfYear();break;case ‘h’ :partStr = myDate.getHours();break;case ‘n’ :partStr = myDate.getMinutes();break;case ‘s’ :partStr = myDate.getSeconds();break;}return partStr;
}/*
//| 取得当前日期所在月的最大天数
*/
Date.prototype.MaxDayOfDate = function(){var myDate = this;var ary = myDate.toArray();var date1 = (new Date(ary[0],ary[1]+1,1));var date2 = date1.dateAdd(1,’m',1);var result = dateDiff(date1.Format(‘yyyy-MM-dd’),date2.Format(‘yyyy-MM-dd’));return result;
}/*
//| 取得当前日期所在周是一年中的第几周
*/
Date.prototype.WeekNumOfYear = function(){var myDate = this;var ary = myDate.toArray();var year = ary[0];var month = ary[1]+1;var day = ary[2];document.write(‘< script language=VBScript\> \n’);document.write(‘myDate = Datue(”+month+’-'+day+’-'+year+”) \n’);document.write(‘result = DatePart(‘ww’, myDate) \n’);document.write(‘ \n’);return result;
}/*
//| 字符串转成日期类型
//| 格式 MM/dd/YYYY MM-dd-YYYY YYYY/MM/dd YYYY-MM-dd
*/
function StringToDate(DateStr){var converted = Date.parse(DateStr);var myDate = new Date(converted);if (isNaN(myDate)){//var delimCahar = DateStr.indexOf(‘/’)!=-1?’/':’-';var arys= DateStr.split(‘-’);myDate = new Date(arys[0],–arys[1],arys[2]);}return myDate;
}// 若要显示:当前日期加时间(如:2009-06-12 12:00)
function CurentTime(){var now = new Date();var year = now.getFullYear(); //年var month = now.getMonth() + 1; //月var day = now.getDate(); //日var hh = now.getHours(); //时var mm = now.getMinutes(); //分var clock = year + “-”;if(month < 10)clock += “0″;clock += month + “-”;if(day < 10)clock += “0″;clock += day + ” “;if(hh < 10)clock += “0″;clock += hh + “:”;if (mm < 10) clock += ’0′;clock += mm;return(clock);
}

6、倒计时抽奖案例
在这里插入图片描述

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>简单易用的倒计时js代码 - 站长素材</title>
<style>
*{ margin:0; padding:0; list-style:none;}
body{ font-size:18px; text-align:center;}
.time{ height:30px; padding:200px;}
</style>
</head>
<body><div class="time"><span id="t_d">00天</span><span id="t_h">00时</span><span id="t_m">00分</span><span id="t_s">00秒</span></div>
<script>function GetRTime(){//双十一倒计时抽奖var EndTime= new Date('2018/11/11 00:00:00');var NowTime = new Date();var t =EndTime.getTime() - NowTime.getTime();var d=Math.floor(t/1000/60/60/24);var h=Math.floor(t/1000/60/60%24);var m=Math.floor(t/1000/60%60);var s=Math.floor(t/1000%60);document.getElementById("t_d").innerHTML = d + "天";document.getElementById("t_h").innerHTML = h + "时";document.getElementById("t_m").innerHTML = m + "分";document.getElementById("t_s").innerHTML = s + "秒";}setInterval(GetRTime,0);</script>
</body>
</html>

原文链接：
https://blog.csdn.net/qq_37896578/article/details/90080953?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522162242671516780269858391%2522%252C%2522scm%2522%253A%252220140713.130102334…%2522%257D&request_id=162242671516780269858391&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2allsobaiduend~default-3-90080953.pc_search_result_control_group&utm_term=js%E8%8E%B7%E5%8F%96%E6%97%B6%E9%97%B4%E6%88%B3&spm=1018.2226.3001.4187
https://www.cnblogs.com/ShanHeDiao/p/4445012.html
https://tangce.blog.csdn.net/article/details/83787402?utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.control


http://chatgpt.dhexx.cn/article/oYLB4SY4.shtml

相关文章

Python中tqdm模块的用法

Python中tqdm模块的用法

参考 python的Tqdm模块 - 云社区 - 腾讯云 一、简介 tqdm是Python中专门用于进度条美化的模块&#xff0c;通过在非while的循环体内嵌入tqdm&#xff0c;可以得到一个能更好展现程序运行过程的提示进度条&#xff0c;本文就将针对tqdm的基本用法进行介绍。 二、基本用法 tqd…
阅读更多...
tqdm简介及使用方法

tqdm简介及使用方法

tqdm源自阿拉伯语 taqaddum (تقدّم) &#xff0c;意思是进程( “progress”)&#xff0c;也是西班牙语中 “I love you so much” (te quiero demasiado)的缩写&#xff0c;听着就浪漫&#xff5e;。 该模块的作用就是使循环(loop)过程展示一个进度条&#xff0c;能够通过…
阅读更多...
python中tqdm用法

python中tqdm用法

tqdm安装命令&#xff1a; pip install tqdm 1.用tqdm子模块 &#xff08;1&#xff09;例子1 from tqdm import tqdm import timefor i in tqdm(range(50)):time.sleep(0.1)pass 结果如下&#xff1a; &#xff08;2&#xff09;例子2&#xff1a;带参数 from tqdm impo…
阅读更多...
python进度条 tqdm使用教程

python进度条 tqdm使用教程

文章目录 安装tqdm在循环中显示进度条1. 使用tqdm.tqdm()实现进度条2. tqdm()主要参数默认值与解释3. tqdm()的返回值4. tqdm.trange()5. 循环过程中输出额外内容6. 无法获取迭代器长度的坑 *其他方法实现进度条 安装tqdm tqdm是一个显示进度条的python工具包。安装命令如下 …
阅读更多...
DMQ简介

DMQ简介

DMQ简y介 DMQ简介 - Water2Wine - 博客园 原文 1. DMQ简介 Distributed Message Queue&#xff08;分布式消息队列&#xff09;&#xff0c;DMQ 是在kafka之上做了一层封装&#xff0c;为AC的其他组件提供分布式消息队列服务。简单来说&#xff0c;DMQ就是一个消息中间件&a…
阅读更多...
tqdm介绍

tqdm介绍

tqdm是一个进度条可视化库&#xff0c;可以帮助我们监测程序运行的进度&#xff0c;估计运行的时长&#xff0c;甚至可以协助debug。它是一个快速&#xff0c;可扩展的Python进度条&#xff0c;可以在 Python 长循环中添加一个进度提示信息&#xff0c;用户只需要封装任意的迭代…
阅读更多...
python进度条神器之tqdm包的使用

python进度条神器之tqdm包的使用

前言&#xff1a;在Python开发中&#xff0c;我们经常需要使用进度条来展示任务进行的进度到哪里了&#xff0c;特别是在机器学习与深度学习框架里面&#xff0c;tqdm包是一个非常简单但是功能强大的进度条处理工具&#xff0c;一起来看看它的一些基本用法吧&#xff01; 一、…
阅读更多...
Python中tqdm模块介绍

Python中tqdm模块介绍

tqdm模块简单介绍 tqdm是一个可以显示Python进度条的模块&#xff0c;可通过pip在终端安装 pip install tqdm可通过 import tqdm 导入&#xff0c;也可通过 from tqdm import 【函数名】 导入 1. tqdm.tqdm 传入数字list: from tqdm import tqdm for i in tqdm(range(1, 5)…
阅读更多...
Python进度条tqdm详细介绍

Python进度条tqdm详细介绍

前言 有时候在使用Python处理比较耗时操作的时候&#xff0c;为了便于观察处理进度&#xff0c;这时候就需要通过进度条将处理情况进行可视化展示&#xff0c;以便我们能够及时了解情况。这对于第三方库非常丰富的Python来说&#xff0c;想要实现这一功能并不是什么难事。 tq…
阅读更多...
【python第三方库】tqdm简介

【python第三方库】tqdm简介

转载自&#xff1a; https://blog.csdn.net/wxd1233/article/details/118371404 仅作学习记录&#xff0c;侵删~ 文章目录 介绍安装使用方法1.传入可迭代对象使用trange 2.为进度条设置描述3.手动控制进度4.tqdm的write方法5.手动设置处理的进度6.自定义进度条显示信息 在深度学…
阅读更多...
【tqdm】进度条工具

【tqdm】进度条工具

tqdm 是一种呈现循环进度的工具包&#xff0c;本文讲讲述他的常用用法。 Example 1 假设FL框架中一共有10个用户&#xff0c;每次随机抽取5个用户进行更新&#xff0c;一共训练6个epochs&#xff0c;结合tqdm显示训练进程的代码框架如下&#xff1a; for epoch in range(6):…
阅读更多...
tqdm模块

tqdm模块

首先给大家看看tqdm源码中的一段注释&#xff1a; Decorate an iterable object, returning an iterator which acts exactly like the original iterable, but prints a dynamically updating progressbar every time a value is requested. 如果翻译过来&#xff1a; tqdm是…
阅读更多...
python库tqdm是什么以及怎么用tqdm、trange和tqdm.notebook

python库tqdm是什么以及怎么用tqdm、trange和tqdm.notebook

1.是什么&#xff1f; 答案&#xff1a;用来显示进度条以及展示每一轮&#xff08;iteration)所耗费的时间。好抽象&#xff0c;我们重点看怎么用&#xff0c;从而明白是什么。 2.怎么用&#xff1f; 自行安装&#xff0c;如果是anaconda的话这个是默认已经安装了的。从而导入…
阅读更多...
Py之tqdm：tqdm库的简介、安装、使用方法详细攻略

Py之tqdm：tqdm库的简介、安装、使用方法详细攻略

Py之tqdm&#xff1a;tqdm库的简介、安装、使用方法详细攻略 目录 tqdm库的简介 tqdm库的安装 tqdm库的使用方法 tqdm库的简介 显示循环的进度条的库。taqadum, تقدّم&#xff09;在阿拉伯语中的意思是进展。tqdm可以在长循环中添加一个进度提示信息&#xff0c;用户只…
阅读更多...
tqdm安装

tqdm安装

环境&#xff1a;win10 Python3.6 首先&#xff0c;直接使用pip安装&#xff1a;pip install tqdm &#xff0c;成功安装&#xff0c;但是导入不了tqdm进行使用。 import tqdm from tqdm import tqdm Traceback (most recent call last):File "D:\Anaconda3\lib\site-…
阅读更多...
【PyTorch总结】tqdm的使用

【PyTorch总结】tqdm的使用

文章目录 介绍安装使用方法1.传入可迭代对象使用trange2.为进度条设置描述3.手动控制进度4.tqdm的write方法5.手动设置处理的进度6.自定义进度条显示信息 在深度学习中如何使用 介绍 Tqdm 是 Python 进度条库&#xff0c;可以在 Python 长循环中添加一个进度提示信息。用户只需…
阅读更多...
Python的Tqdm模块——进度条配置

Python的Tqdm模块——进度条配置

tqdm官网地址&#xff1a;https://pypi.org/project/tqdm/ Github地址&#xff1a;https://github.com/tqdm/tqdm 简介 Tqdm 是一个快速&#xff0c;可扩展的Python进度条&#xff0c;可以在 Python 长循环中添加一个进度提示信息&#xff0c;用户只需要封装任意的迭代器 tqd…
阅读更多...
tqdm 简介及正确的打开方式

tqdm 简介及正确的打开方式

tqdm 简介及正确的打开方式 查遍了网上资料&#xff0c;发现绝大中文的讲解全都是一手带过&#xff0c;还称详细&#xff0c;真是醉了&#xff0c;于是有该文&#xff0c;也算给自己做个笔记 1. 什么是tqdm&#xff1f; tqdm是一个快速的&#xff0c;易扩展的进度条提示模块&a…
阅读更多...
tqdm库

tqdm库

tqdm库 文章目录 tqdm库如何安装如何使用1.基于迭代的进度条2.手动设置进度条 如何在Pandas中使用进度条如何在keras中使用进度条如何使用Notebook优化的进度条和层级进度条如何为文件存储设置进度条 简要介绍&#xff1a; tqdm是一个进度条可视化库&#xff0c;可以帮助我们监…
阅读更多...
tqdm的使用和例子

tqdm的使用和例子

1. tqdm的介绍 有时候在使用Python处理比较耗时操作的时候&#xff0c;为了便于观察处理进度&#xff0c;这时候就需要通过进度条将处理情况进行可视化展示&#xff0c;以便我们能够及时了解情况。 tqdm就能非常完美的支持和解决这些问题&#xff0c;可以实时输出处理进度而且…
阅读更多...
推荐文章

Copyright @ 2022~2023