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

2024-05-27 17:28

本文主要是介绍极简编程:一行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一些第三方库把更多的时间利用到业务开发上来

这篇关于极简编程:一行JS代码获取全球各城市当前时间!的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1008126

相关文章

Java实现时间与字符串互相转换详解

《Java实现时间与字符串互相转换详解》这篇文章主要为大家详细介绍了Java中实现时间与字符串互相转换的相关方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、日期格式化为字符串(一)使用预定义格式(二)自定义格式二、字符串解析为日期(一)解析ISO格式字符串(二)解析自定义

Spring Boot 3.4.3 基于 Spring WebFlux 实现 SSE 功能(代码示例)

《SpringBoot3.4.3基于SpringWebFlux实现SSE功能(代码示例)》SpringBoot3.4.3结合SpringWebFlux实现SSE功能,为实时数据推送提供... 目录1. SSE 简介1.1 什么是 SSE?1.2 SSE 的优点1.3 适用场景2. Spring WebFlu

java之Objects.nonNull用法代码解读

《java之Objects.nonNull用法代码解读》:本文主要介绍java之Objects.nonNull用法代码,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录Java之Objects.nonwww.chinasem.cnNull用法代码Objects.nonN

SpringBoot实现MD5加盐算法的示例代码

《SpringBoot实现MD5加盐算法的示例代码》加盐算法是一种用于增强密码安全性的技术,本文主要介绍了SpringBoot实现MD5加盐算法的示例代码,文中通过示例代码介绍的非常详细,对大家的学习... 目录一、什么是加盐算法二、如何实现加盐算法2.1 加盐算法代码实现2.2 注册页面中进行密码加盐2.

python+opencv处理颜色之将目标颜色转换实例代码

《python+opencv处理颜色之将目标颜色转换实例代码》OpenCV是一个的跨平台计算机视觉库,可以运行在Linux、Windows和MacOS操作系统上,:本文主要介绍python+ope... 目录下面是代码+ 效果 + 解释转HSV: 关于颜色总是要转HSV的掩膜再标注总结 目标:将红色的部分滤

在C#中调用Python代码的两种实现方式

《在C#中调用Python代码的两种实现方式》:本文主要介绍在C#中调用Python代码的两种实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录C#调用python代码的方式1. 使用 Python.NET2. 使用外部进程调用 Python 脚本总结C#调

使用Python实现获取网页指定内容

《使用Python实现获取网页指定内容》在当今互联网时代,网页数据抓取是一项非常重要的技能,本文将带你从零开始学习如何使用Python获取网页中的指定内容,希望对大家有所帮助... 目录引言1. 网页抓取的基本概念2. python中的网页抓取库3. 安装必要的库4. 发送HTTP请求并获取网页内容5. 解

mysql如何查看当前连接数

《mysql如何查看当前连接数》:本文主要介绍mysql如何查看当前连接数问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录mysql查看当前连接数查看mysql数据库允许最大连接数总结mysql查看当前连接数查看当前连接数SHOW STATUS LIKE

Java时间轮调度算法的代码实现

《Java时间轮调度算法的代码实现》时间轮是一种高效的定时调度算法,主要用于管理延时任务或周期性任务,它通过一个环形数组(时间轮)和指针来实现,将大量定时任务分摊到固定的时间槽中,极大地降低了时间复杂... 目录1、简述2、时间轮的原理3. 时间轮的实现步骤3.1 定义时间槽3.2 定义时间轮3.3 使用时

Java中&和&&以及|和||的区别、应用场景和代码示例

《Java中&和&&以及|和||的区别、应用场景和代码示例》:本文主要介绍Java中的逻辑运算符&、&&、|和||的区别,包括它们在布尔和整数类型上的应用,文中通过代码介绍的非常详细,需要的朋友可... 目录前言1. & 和 &&代码示例2. | 和 ||代码示例3. 为什么要使用 & 和 | 而不是总是使