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