前端获取国际化时间

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

假如,云上布置的一个机器人需要每天晚上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
)
相关推荐
前端 贾公子12 小时前
v-if 与 v-for 的优先级对比
开发语言·前端·javascript
小二·16 小时前
Pinia 完全指南:用 TypeScript 构建可维护、可测试、可持久化的 Vue 3 状态管理
javascript·vue.js·typescript
bug总结16 小时前
Vue3 实现后台管理系统跳转大屏自动登录功能
前端·javascript·vue.js
小二·19 小时前
Vue 3 组件通信全方案详解:Props/Emit、provide/inject、事件总线替代与组合式函数封装
前端·javascript·vue.js
Moment20 小时前
如何在前端编辑器中实现像 Ctrl + Z 一样的撤销和重做
前端·javascript·面试
小猪猪屁20 小时前
权限封装不是写个指令那么简单:一次真实项目的反思
前端·javascript·vue.js
我的写法有点潮21 小时前
如何取消Vue Watch监听
前端·javascript·vue.js
xkxnq21 小时前
第一阶段:Vue 基础入门(第 6 天)
前端·javascript·vue.js
神仙刘21 小时前
解决Vue router history 静态资源访问404,请求链接被加上了path的前一部分
前端·javascript·vue.js
C_心欲无痕21 小时前
react - useDeferredValue自动延迟更新
javascript·react.js·ecmascript