首页 > 编程语言 >[JavaScript] JavaScript的时间与时区

[JavaScript] JavaScript的时间与时区

时间：2024-03-10 11:35:00浏览次数：30  
标签：function return jsdate JavaScript Date 时间 date var 时区

0 序言

  • 第1章节，原创，主要关注：JS的时间、时区国际化问题

  • 第2章节，主要来自于第1篇参考文献（系对第1章节的基础知识的夯实）

1 JavaScript 时间、时区的国际化（案例）

本案例等同于问题：JavaScript从浏览器根据不同时区获取时间的问题

假定现在有两台Windows笔记本电脑。

Step1 设置操作系统的时区

  • 分别对两台笔记本电脑设置时区为：北京时区、都柏林时区
  • 操作路径：控制面板-时钟和区域-日期和时间-更改时区
  • 一般业务系统的实现思路：
  • 前端/浏览器请求API时提供当地的时间戳（startTimestamp / endTimestamp）；
  • 前端/浏览器请求API后获得返回的时间戳；
  • 再利用JS获取操作系统的时区，进行本地化时区展示

北京时区（不涉及夏令时）

都柏林时区（涉及夏令时）

Step2.1 测验：new Date().getTime() | 结论：不同时区获取的时间戳一致

如下2个时区的时间戳，是由两个人在两台Windows笔记本电脑上人工进行的获取，故毫秒上有一定轻微差距。

  • 北京时区

1695031586299 => 2023-09-18 18:06:26 (UTC+8)

  • 都柏林时区

1695031586234 => 2023-09-18 18:06:26 (UTC+8)

Step2.2 测验：Date.parse(new Date("2023-09-18 00:00:00")) | 结论：不同时区获取的时间(字符串)不一致

  • 北京时区

1694966400000 => 2023-09-18 00:00:00 (北京时区)

  • 都柏林时区

1694991600000 => 2023-09-18 07:00:00 (北京时区)

提一个思考题：为何Step2.2中，北京时区(UTC+8)与都柏林时区(UTC+0)的时差不是8小时，而是7小时？

大家可自行思考，过两天再解答。

2 JavaScript 时间 API

2.1 获取时间戳(毫秒级/13位)

//方法1 
var timestamp = Date.parse(new Date());// 此方式获取的时间戳只是把【毫秒部分】改成【000】显示，因为 new Date() 对象本身只精确到秒
// 1640569738000

//方法2
var timestamp=new Date().getTime()；
// 1640569787716

//方法3
var timestamp = (new Date()).valueOf() 
//1640569936666

2.2 获取时间

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( );  //获取日期与时间

// 获取当前时间戳(以s为单位)
var timestamp = Date.parse(new Date());
timestamp = timestamp / 1000;
//当前时间戳为：1403149534
console.log("当前时间戳为：" + timestamp);

// 获取某个时间格式的时间戳
var stringTime = "2014-07-10 10:21:12";
var timestamp2 = Date.parse(new Date(stringTime));
timestamp2 = timestamp2 / 1000;
//2014-07-10 10:21:12的时间戳为：1404958872 
console.log(stringTime + "的时间戳为：" + timestamp2);

// 将当前时间换成时间格式字符串
var timestamp3 = 1403058804;
var newDate = new Date();
newDate.setTime(timestamp3 * 1000);
// Wed Jun 18 2014 
console.log(newDate.toDateString());
// Wed, 18 Jun 2014 02:33:24 GMT 
console.log(newDate.toGMTString());
// 2014-06-18T02:33:24.000Z
console.log(newDate.toISOString());
// 2014-06-18T02:33:24.000Z 
console.log(newDate.toJSON());
// 2014年6月18日 
console.log(newDate.toLocaleDateString());
// 2014年6月18日 上午10:33:24 
console.log(newDate.toLocaleString());
// 上午10:33:24 
console.log(newDate.toLocaleTimeString());
// Wed Jun 18 2014 10:33:24 GMT+0800 (中国标准时间)
console.log(newDate.toString());
// 10:33:24 GMT+0800 (中国标准时间) 
console.log(newDate.toTimeString());
// Wed, 18 Jun 2014 02:33:24 GMT
console.log(newDate.toUTCString());

2.3 【时间戳】转化为标准的【时间字符串】(YYYY-MM-DD hh:mm:ss)

function timestampToTime(timestamp) {
  var date = new Date(timestamp * 1000);//时间戳为10位需*1000，时间戳为13位的话不需乘1000
  var Y = date.getFullYear() + '-';
  var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1):date.getMonth()+1) + '-';
  var D = (date.getDate()< 10 ? '0'+date.getDate():date.getDate())+ ' ';
  var h = (date.getHours() < 10 ? '0'+date.getHours():date.getHours())+ ':';
  var m = (date.getMinutes() < 10 ? '0'+date.getMinutes():date.getMinutes()) + ':';
  var s = date.getSeconds() < 10 ? '0'+date.getSeconds():date.getSeconds();
  return Y+M+D+h+m+s;
}

timestampToTime(1403058804);
console.log(timestampToTime(1403058804));//2020-06-18 10:33:24

2.4 封装的时间格式器

/** 
 * 时间戳格式化函数 
 * @param {string} format 格式 
 * @param {int} timestamp 要格式化的时间 默认为当前时间 
 * @return {string}   格式化的时间字符串 
 */
function date(format, timestamp){ 
 var a, jsdate=((timestamp) ? new Date(timestamp*1000) : new Date()); 
 var pad = function(n, c){ 
  if((n = n + "").length < c){ 
   return new Array(++c - n.length).join("0") + n; 
  } else { 
   return n; 
  } 
 }; 
 var txt_weekdays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]; 
 var txt_ordin = {1:"st", 2:"nd", 3:"rd", 21:"st", 22:"nd", 23:"rd", 31:"st"}; 
 var txt_months = ["", "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; 
 var f = { 
  // Day 
  d: function(){return pad(f.j(), 2)}, 
  D: function(){return f.l().substr(0,3)}, 
  j: function(){return jsdate.getDate()}, 
  l: function(){return txt_weekdays[f.w()]}, 
  N: function(){return f.w() + 1}, 
  S: function(){return txt_ordin[f.j()] ? txt_ordin[f.j()] : 'th'}, 
  w: function(){return jsdate.getDay()}, 
  z: function(){return (jsdate - new Date(jsdate.getFullYear() + "/1/1")) / 864e5 >> 0}, 
   
  // Week 
  W: function(){ 
   var a = f.z(), b = 364 + f.L() - a; 
   var nd2, nd = (new Date(jsdate.getFullYear() + "/1/1").getDay() || 7) - 1; 
   if(b <= 2 && ((jsdate.getDay() || 7) - 1) <= 2 - b){ 
    return 1; 
   } else{ 
    if(a <= 2 && nd >= 4 && a >= (6 - nd)){ 
     nd2 = new Date(jsdate.getFullYear() - 1 + "/12/31"); 
     return date("W", Math.round(nd2.getTime()/1000)); 
    } else{ 
     return (1 + (nd <= 3 ? ((a + nd) / 7) : (a - (7 - nd)) / 7) >> 0); 
    } 
   } 
  }, 
   
  // Month 
  F: function(){return txt_months[f.n()]}, 
  m: function(){return pad(f.n(), 2)}, 
  M: function(){return f.F().substr(0,3)}, 
  n: function(){return jsdate.getMonth() + 1}, 
  t: function(){ 
   var n; 
   if( (n = jsdate.getMonth() + 1) == 2 ){ 
    return 28 + f.L(); 
   } else{ 
    if( n & 1 && n < 8 || !(n & 1) && n > 7 ){ 
     return 31; 
    } else{ 
     return 30; 
    } 
   } 
  }, 
   
  // Year 
  L: function(){var y = f.Y();return (!(y & 3) && (y % 1e2 || !(y % 4e2))) ? 1 : 0}, 
  //o not supported yet 
  Y: function(){return jsdate.getFullYear()}, 
  y: function(){return (jsdate.getFullYear() + "").slice(2)}, 
   
  // Time 
  a: function(){return jsdate.getHours() > 11 ? "pm" : "am"}, 
  A: function(){return f.a().toUpperCase()}, 
  B: function(){ 
   // peter paul koch: 
   var off = (jsdate.getTimezoneOffset() + 60)*60; 
   var theSeconds = (jsdate.getHours() * 3600) + (jsdate.getMinutes() * 60) + jsdate.getSeconds() + off; 
   var beat = Math.floor(theSeconds/86.4); 
   if (beat > 1000) beat -= 1000; 
   if (beat < 0) beat += 1000; 
   if ((String(beat)).length == 1) beat = "00"+beat; 
   if ((String(beat)).length == 2) beat = "0"+beat; 
   return beat; 
  }, 
  g: function(){return jsdate.getHours() % 12 || 12}, 
  G: function(){return jsdate.getHours()}, 
  h: function(){return pad(f.g(), 2)}, 
  H: function(){return pad(jsdate.getHours(), 2)}, 
  i: function(){return pad(jsdate.getMinutes(), 2)}, 
  s: function(){return pad(jsdate.getSeconds(), 2)}, 
  //u not supported yet 
   
  // Timezone 
  //e not supported yet 
  //I not supported yet 
  O: function(){ 
   var t = pad(Math.abs(jsdate.getTimezoneOffset()/60*100), 4); 
   if (jsdate.getTimezoneOffset() > 0) t = "-" + t; else t = "+" + t; 
   return t; 
  }, 
  P: function(){var O = f.O();return (O.substr(0, 3) + ":" + O.substr(3, 2))}, 
  //T not supported yet 
  //Z not supported yet 
   
  // Full Date/Time 
  c: function(){return f.Y() + "-" + f.m() + "-" + f.d() + "T" + f.h() + ":" + f.i() + ":" + f.s() + f.P()}, 
  //r not supported yet 
  U: function(){return Math.round(jsdate.getTime()/1000)} 
 }; 
   
 return format.replace(/[\]?([a-zA-Z])/g, function(t, s){ 
  if( t!=s ){ 
   // escaped 
   ret = s; 
  } else if( f[s] ){ 
   // a date function exists 
   ret = f[s](); 
  } else{ 
   // nothing special 
   ret = s; 
  } 
  return ret; 
 }); 
}

X 参考文献

标签：function,return,jsdate,JavaScript,Date,时间,date,var,时区
From： https://www.cnblogs.com/johnnyzen/p/18063890

相关文章

  • 同个线程里，如果线程正在忙过程中，定时器时间到了会被延迟触发吗？
    同个线程里，如果线程正在忙过程中，定时器时间到了会被延迟触发吗？在同一线程中，如果线程正在忙过程中，定时器的触发事件会被延迟，直到线程空闲下来才会被触发。这是因为在QT中，线程和定时器的处理都是通过事件循环来完成的。当线程处于忙碌状态时，事件循环将会被阻塞，直到线程执行完当前的......
  • 冒泡排序时间复杂度分析
    冒泡排序（升序）时间复杂度分析原理：通过从前往后遍历两两对比，当前一个数大于后一个数，则交换位置，最大的数可以遍历到最右侧不断从后缩小数组范围（end--），当end到第一个元素时停止voidSwap(int*a,int*b){inttmp=*b;*b=*a;*a=tmp;}voidBubbleSort(int*arr,i......
  • golang将时间转为时间戳碰到的问题
    golang将字符串"2024-03-0716:00:00"转为时间戳代码如下：packagemainimport("fmt""time")funcmain(){//定义时间格式，与字符串中的时间格式匹配constlayout="2006-01-0215:04:05"//要转换的时间字符......
  • PostgreSQL应该用哪个时区表示符？
    PG中国用哪个时区标识符？在linux中使用timedatectl查看时间，可以看到localtime中时区是CST。$timedatectlLocaltime:Mon2024-03-0418:19:54CSTUniversaltime:Mon2024-03-0410:19:54UTCRTCtime:Mon2024-03-0410:19:53Timezone:Asia/Shanghai(CST,+......
  • JavaScript 打包器esbuild的基础使用
    esbuild是一种类似于webpack的极速JavaScript打包器。esbuild项目主要目标是:开辟一个构建工具性能的新时代，创建一个易用的现代打包器。先安装esbuildnpmiesbuild-g-g代表全局范围检查esbuild的版本esbuild--version命令行构建esbuildsrc\app.jsx--bundle--outfi......
  • JavaScript 常用取整、四舍五入方法汇总
    https://juejin.cn/post/7184257661339172919  2023-01-0314,624阅读2分钟 在JavaScript中，对数值进行四舍五入操作的场景有以下几种：向上取整：ceil向下取整：floor四舍五入：round固定精度：toFixed固定长度：toPrecision取整：parseInt1.向上取整：ceilceil是天花板......
  • el-date-picker type=datetime时设置默认时间
    vue2设置默认时间<el-date-pickerv-model="value3"type="datetime"placeholder="选择日期时间"default-time="12:00:00"></el-date-picker>vue3设置默认时间<el-date-pickerv-model=&q......
  • javascript匹配文件名相同然后在后面增加数字的正则表达式
    在一个文件列表中constrenameFileName=(fileName:string)=>{console.log("originfilename",fileName)letfileList=getFileList()//获取文件列表，包含了文件名letcount=-1//记录当前包含了几个文件名fileList.forEach(value=>{letfullFil......
  • Java 日期和时间 API：实用技巧与示例 - 轻松处理日期和时间
    Java用户输入（Scanner）简介Scanner类用于获取用户输入，它位于java.util包中。使用Scanner类要使用Scanner类，请执行以下步骤：导入java.util.Scanner包。创建一个Scanner对象，并将其初始化为System.in。使用Scanner对象的方法读取用户输入。示例importjava.ut......
  • 21_Unix时间戳
    Unix时间戳介绍UTC/GMT时间戳转换......

赞助商

阅读排行

网站主页关于我们联系我们网站地图

本网站内容转载自其他媒体，侵权联系[admin##ips99.com]。

Copyright © 2020-2023 IPS99 版权所有 IPS99