前端获取国际化时间

如果将前端项目布置到云上面去,那么极有可能面对的一个问题就是:获取的时间并不是开发者所在时区的时间。开发者潜意识的疏忽这个问题并导致出错,因此,只要项目上了云,在获取时间的时候就必须指明所在的时区。

假如,云上布置的一个机器人需要每天晚上10点钟记录一条数据,那么正确的做法应该如下所示:

js 复制代码
let dailyLaunch = false;
setInterval(
  () => {
    // 创建一个日期对象
    const date = new Date();
    // 配置时区
    const options = { timeZone: 'Asia/Shanghai' };
    // 使用配置的时区将时间戳转化成时间字符串
    const formattedDate = date.toLocaleString('zh-CN', options);
    // 解析得到当前时间
    const [hour, min, sec] = formattedDate.split(" ")[1].split(":");
    console.log(`现在是:${hour}:${min}:${sec}`);
    if (hour === 22 && !dailyLaunch) {
      sendRequestOnTheHour();
      dailyLaunch = true;
    } else if (hour !== 22) {
      dailyLaunch = false;
    }
  }, 1 * 60 * 1000
)
相关推荐
新中地GIS开发老师37 分钟前
Cesium 军事标绘入门:用 Cesium-Plot-JS 快速实现标绘功能
前端·javascript·arcgis·cesium·gis开发·地理信息科学
Superxpang44 分钟前
前端性能优化
前端·javascript·vue.js·性能优化
左手吻左脸。44 分钟前
解决el-select因为弹出层层级问题,不展示下拉选
javascript·vue.js·elementui
李白的故乡1 小时前
el-tree-select名字
javascript·vue.js·ecmascript
Rysxt_1 小时前
Element Plus 入门教程:从零开始构建 Vue 3 界面
前端·javascript·vue.js
隐含1 小时前
对于el-table中自定义表头中添加el-popover会弹出两个的解决方案,分别针对固定列和非固定列来隐藏最后一个浮框。
前端·javascript·vue.js
你的人类朋友1 小时前
先用js快速开发,后续引入ts是否是一个好的实践?
前端·javascript·后端
知识分享小能手1 小时前
微信小程序入门学习教程,从入门到精通,微信小程序核心 API 详解与案例(13)
前端·javascript·学习·react.js·微信小程序·小程序·vue
子兮曰2 小时前
npm workspace 深度解析:与 pnpm workspace 和 Lerna 的全面对比
前端·javascript·npm
颜酱2 小时前
用搬家公司的例子来入门webpack
前端·javascript·webpack