前端获取国际化时间

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

假如,云上布置的一个机器人需要每天晚上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
)
相关推荐
方也_arkling11 分钟前
Element Plus主题色定制
javascript·sass
2601_9498095933 分钟前
flutter_for_openharmony家庭相册app实战+我的Tab实现
java·javascript·flutter
Up九五小庞44 分钟前
开源埋点分析平台 ClkLog 本地部署 + Web JS 埋点测试实战--九五小庞
前端·javascript·开源
摘星编程1 小时前
React Native + OpenHarmony:UniversalLink通用链接
javascript·react native·react.js
qq_177767371 小时前
React Native鸿蒙跨平台数据使用监控应用技术,通过setInterval每5秒更新一次数据使用情况和套餐使用情况,模拟了真实应用中的数据监控场景
开发语言·前端·javascript·react native·react.js·ecmascript·harmonyos
烬头88212 小时前
React Native鸿蒙跨平台应用实现了onCategoryPress等核心函数,用于处理用户交互和状态更新,通过计算已支出和剩余预算
前端·javascript·react native·react.js·ecmascript·交互·harmonyos
程序员清洒3 小时前
Flutter for OpenHarmony:Text — 文本显示与样式控制
开发语言·javascript·flutter
雨季6664 小时前
Flutter 三端应用实战:OpenHarmony 简易“动态内边距调节器”交互模式深度解析
javascript·flutter·ui·交互·dart
会飞的战斗鸡4 小时前
JS中的链表(含leetcode例题)
javascript·leetcode·链表
方也_arkling5 小时前
别名路径联想提示。@/统一文件路径的配置
前端·javascript