极简编程:一行JS代码获取全球各城市当前时间!

之前在一些国际化网站看到过,他们展示了当前北京、纽约和伦敦的时钟,在一次住店的时候,我也看到了类似的3个时钟,甚至更多,有的会展示东京时间。

让我觉得获取一些全球重点城市的当前时间,会是一个很常用的需求场景,所以js-tool-big-box新增了获取全球重点城市时间展示的功能,希望可以让开发者们提升开发效率,更便捷的获取重点城市的当前时间。

目录

1 方法中目前增加的城市 

2 安装引入工具

3  获取重点城市当前时间

3.1 获取北京时间

3.2 获取雅加达时间

3.3 获取伦敦时间

3.4 获取纽约时间

3.5 获取巴黎时间

3.6 获取悉尼时间

3.7 获取东京时间

4 开发者反馈


1 方法中目前增加的城市 

目前只增加了7个重点城市,有需求的小伙伴可以告诉我,我往工具中添加,但对于大部分场景来说,这7个城市应该是够用了。分别是:北京、雅加达、伦敦、纽约、巴黎、澳大利亚和东京

2 安装引入工具

执行npm安装命令

npm i js-tool-big-box

获取重点城市当前时间的方法宿主是timeBox,所以在获取时间之前,我们需要先导入对象:

import { timeBox } from 'js-tool-big-box';

3  获取重点城市当前时间

3.1 获取北京时间
const worldTime = timeBox.getWorldTime();
console.log('=-==-=', worldTime.beijing);

3.2 获取雅加达时间
const worldTime = timeBox.getWorldTime();
console.log('=-==-=', worldTime.jakarta);

 

3.3 获取伦敦时间
const worldTime = timeBox.getWorldTime();
console.log('=-==-=', worldTime.london);

 

3.4 获取纽约时间
const worldTime = timeBox.getWorldTime();
console.log('=-==-=', worldTime.newYork);

 

3.5 获取巴黎时间
const worldTime = timeBox.getWorldTime();
console.log('=-==-=', worldTime.paris);

3.6 获取悉尼时间
const worldTime = timeBox.getWorldTime();
console.log('=-==-=', worldTime.sydney);

3.7 获取东京时间
const worldTime = timeBox.getWorldTime();
console.log('=-==-=', worldTime.tokyo);

 

4 开发者反馈

 目前只添加了这7个重点城市的时间显示功能,如果有小伙伴有相关需求,请告诉狗哥,我们将功能库的功能搞的丰富起来,让更多的前端开发者少写冗余的公共方法代码,少install一些第三方库把更多的时间利用到业务开发上来

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/649241.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

OrangePi Kunpeng Pro开发板初体验——家庭小型服务器

引言 在开源硬件的浪潮中,开发板作为创新的基石,正吸引着全球开发者的目光。它们不仅为技术爱好者提供了实验的平台,更为专业开发者带来了实现复杂项目的可能性。本文将深入剖析OrangePi Kunpeng Pro开发板,从开箱到实际应用&…

Bootstrap 3.x 版本基础引入指南

Bootstrap 是一款广受欢迎的前端框架,它简化了网页设计与开发流程,帮助开发者快速创建响应式布局和美观的网页界面。本文将向您介绍如何在项目中引入 Bootstrap 3.x 版本的基本步骤,包括 CSS 和 JavaScript 文件的引用,以及必要的…

PyTorch的数据处理

💥今天看一下 PyTorch数据通常的处理方法~ 一般我们会将dataset用来封装自己的数据集,dataloader用于读取数据 Dataset格式说明 💬dataset定义了这个数据集的总长度,以及会返回哪些参数,模板: from tor…

国内信创数据库生态

国内信创数据库生态 国内信创数据库主要包括但不限于以下几种: 数据库类型与厂商: 达梦 (武汉达梦) 官网 https://www.dameng.com/DM8.html 人大金仓 (北京) 官网 https://www.kingbase.com.cn/tyxsjk/i…

Linux如何设置共享文件夹

打开虚拟机->菜单->虚拟机设置->选项->共享文件夹->总是启用。点击添加按钮->弹出添加向导->点击浏览按钮,从windows中选择一个文件夹,确定即可。

STM32_RCC

1、RCC RCC即Reset and Clock Control,复位和时钟控制。通过stm32f10x结构图可以看出RCC控制着stm32的AHB系统总线,而AHB总线又桥接APB1和APB2,分别通过它们控制不同的片上外设。如果要使用某个片上外设的功能,必须先通过…

虚拟海外仓用什么系统最好?5个步骤帮你选出适合自己仓库的WMS系统

面对国际市场越来越大的仓储需求,虚拟海外仓的受众还是非常广泛的。不过很多经营虚拟海外仓的企业往往都会陷入管理混乱,低效的怪圈。 要想突破这个经营的瓶颈,快速发展企业,选择一个适合自己的海外仓WMS系统是个不错的选择。 1…

AI音乐神器Suno V3.5进化全解析:功能升级吊炸天,让音乐创作更简单!

前言 目前,suno的v3.5版本已经向Pro和Premier会员开放,从更新当天到现在我已经使用了近2000积分,接下来我将v3.5的使用体验和与旧版本v3进行比较,让大家更直观的感受到v3.5的强大。 其中一个最屌的功能,我放在最后介绍…

Python深度学习基于Tensorflow(12)实战生成式模型

文章目录 Deep Dream风格迁移参考资料 Deep Dream DeepDream 是一项将神经网络学习模式予以可视化展现的实验。与孩子们观察云朵并尝试解释随机形状相类似,DeepDream 会过度解释并增强其在图像中看到的图案。 DeepDream为了说明CNN学习到的各特征的意义&#xff0c…

亚马逊云科技专家分享 | OPENAIGC开发者大赛能量加油站6月5日场预约开启~

由联想拯救者、AIGC开放社区、英特尔联合主办的“AI生成未来第二届拯救者杯OPENAIGC开发者大赛”自上线以来,吸引了广大开发者的热情参与。 为了向技术开发者、业务人员、高校学生、以及个体创业人员等参赛者们提供更充分的帮助与支持,AIGC开放社区特别…

一次编辑00

题目链接 一次编辑 题目描述 注意点 只能进行一次(或者零次)编辑 解答思路 首先判断两个字符串的长度,如果长度相差大于1,说明一次编辑无法通过一次编辑变换而来通过两个指针idx1和idx2指向first和second,初始idx1和idx2指向的都是同一个…

DOM学习

DOM学习 DOM全称是Document Object Model 文档对象模型,就是把文档中的标签,属性,文本,转换为对象来管理 大纲 HTML DOM(文档对象模型)document对象HTML DOM结点 具体案例 HTML DOM(文档对象模型) document对象 使用innerT…

《python本机环境多版本切换》-两种方式以及具体使用--venv/pyenv+pycharm测试

阿丹: source myenv/bin/activate 在开发使用rasa的时候发现自己安装的python环境是3.12的,和rasa不兼容,所以实践一下更换多python环境。 使用虚拟环境 在Python中使用虚拟环境来切换Python版本是一个常见的做法,这可以帮助你…

深入解析R语言的贝叶斯网络模型:构建、优化与预测;INLA下的贝叶斯回归;现代贝叶斯统计学方法;R语言混合效应(多水平/层次/嵌套)

目录 ①基于R语言的贝叶斯网络模型的实践应用 ②R语言贝叶斯方法在生态环境领域中的应用 ③基于R语言贝叶斯进阶:INLA下的贝叶斯回归、生存分析、随机游走、广义可加模型、极端数据的贝叶斯分析 ④基于R语言的现代贝叶斯统计学方法(贝叶斯参数估计、贝叶斯回归、…

Java中Stack的使用详解

Stack是一种运算受限的线性表,其特点在于仅允许在表的一端(即表尾)进行插入和删除操作。这一端被称为栈顶,而相对的另一端则称为栈底。向一个栈插入新元素的操作称为进栈或入栈,它将新元素放到栈顶元素的上面&#xff…

全球前五!ATFX 2024年Q1业绩狂飙,6240亿美元交易量彰显实力

5月,密集发布的报告显示,强者恒强是差价合约行业不变的竞争逻辑。而ATFX最新展现的业绩无疑是这一逻辑的有力例证。依照惯例,知名行业媒体Finance Magnates日前公布了全球经纪商最为关注的2024年第一季度行业报告。报告数据显示,A…

对未知程序所创建的带有折叠书签的 PDF 文件书签层级全展开导致丢失的一种解决方法

对需要经常查阅、或连续长时间阅读的带有折叠书签的 PDF 文档展开书签层级,提高阅览导航快捷是非常有必要的。 下面是两种常用书签层级全展开的方法 1、 FreePic2Pdf 1 - 2 - 3 - 4 - 5 - 6,先提取后回挂 2、PdgCntEditor 载入后,直接保存…

【必备工具】gitee上传-保姆级教程

目录 1.gitee是什么 2.gitee怎么注册 ​编辑 3.gitee怎么提交代码 4.gitee的三板斧 Clone仓库 Q&A 1. Gitee 只有三板斧吗? 2. Git 教了,Gitee 上没有绿点怎么办? 3. 用户名和密码输入错误怎么办? 4. 操作时不小心…

智慧校园建设规划方案

在信息化浪潮的推动下,智慧校园的建设已成为教育现代化的必然趋势。以创新科技赋能教育,打造智慧校园,旨在提升教学品质,优化管理流程,增强学生体验。构建智慧校园需要具有前瞻性的规划方案,它将以教育为核…

多波段光源 通过8种波长实现的成像解决方案

光源在机器视觉中的重要性不容小觑,它直接影响到图像的质量,进而影响整个系统的性能。光源的作用包括提供足够的照明,并确保被摄物体的特征能够被准确地捕捉到图像中,使被检测物体产生清晰的图像,提高图像的对比度和亮…