当前位置: 首页> 教育> 锐评 > 极简编程:一行JS代码获取全球各城市当前时间!

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

时间:2025/7/10 0:23:40来源:https://blog.csdn.net/xingyu_qie/article/details/139236976 浏览次数:0次

之前在一些国际化网站看到过,他们展示了当前北京、纽约和伦敦的时钟,在一次住店的时候,我也看到了类似的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一些第三方库把更多的时间利用到业务开发上来

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

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: