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

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【NumPy】关于numpy.add()函数,看这一篇文章就够了

🧑 博主简介:阿里巴巴嵌入式技术专家,深耕嵌入式人工智能领域,具备多年的嵌入式硬件产品研发管理经验。 📒 博客介绍:分享嵌入式开发领域的相关知识、经验、思考和感悟,欢迎关注。提供嵌入式方向…

5.4 Go 匿名函数与闭包

💝💝💝欢迎莅临我的博客,很高兴能够在这里和您见面!希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。 推荐:「stormsha的主页」…

网站笔记:huggingface——can you run it?

Can You Run It? LLM version - a Hugging Face Space by Vokturz 1 配置设置部分 Model Name就是需要测量的模型名称 GPU Vendor ——GPU供应商 Filter by RAM (按RAM过滤) 筛选出所有内存容量在选择范围之间的GPU GPU 下拉菜单选择具体的GPU型号 LoRa % trainable param…

靠AI创意,变现20w!

文章首发于公众号:X小鹿AI副业 大家好,我是程序员X小鹿,前互联网大厂程序员,自由职业2年,也一名 AIGC 爱好者,持续分享更多前沿的「AI 工具」和「AI副业玩法」,欢迎一起交流~ 之前X小鹿一直在各…

记录一次安装k8s初始化失败

实例化 kubeadm init --configkubeadm.yaml --ignore-preflight-errorsSystemVerification报错 [init] Using Kubernetes version: v1.25.0 [preflight] Running pre-flight checks error execution phase preflight: [preflight] Some fatal errors occurred:[ERROR CRI]: co…

海外仓erp系统是什么?和海外仓管理系统一样吗?

为了满足海外仓全球化发展的大趋势,同时提升海外仓运转的效率,一套好用,性价比高的海外仓管理系统还是非常重要的。 不过很多海外仓企业其实不太分得清erp系统和海外仓管理系统的差异,今天我们就来系统的聊一下,方便大…

K8S有了Service,为什么还要Ingress?

1、有了Service为什么还要Ingress? NodePort对外暴露端口存在的不足: 一个端口只能一个服务使用, 端口需要提前规划。 随着业务扩展, 端口的管理将是一个头疼的问题 只支持4层的负载均衡 LoadBalancer存在的不足: 贵、贵、贵。 要上云(俗话说上云…

需求跟踪矩阵是什么?怎么创建?一文详解

一、什么是需求跟踪矩阵 对项目经理或产品经理来说,需求清单肯定不陌生,那什么是需求跟踪矩阵呢? 需求跟踪矩阵(Requirement Track Matrix,简称RTM ),是把产品需求从其来源连接到能满足需求的…

无人机助力光伏项目测绘建模

随着全球对可再生能源需求的不断增长,光伏项目作为其中的重要一环,其建设规模和速度都在不断提高。在这一背景下,如何高效、准确地完成光伏项目的测绘与建模工作,成为了行业发展的重要课题。近年来,无人机技术的快速发…

哪个品种能够叫板白银现货t+d?

白银TD是在上海黄金交易所挂牌的白银投资品种,它可以说是国内版的现货白银交易,大家也可以把它理解成为白银交易的“快速通道”。通过它,投资者可以更加灵活地买卖白银,实现对内地白银价格的跟踪,并获得一定的杠杆化收…

git工作流程

以财务开发为例子: 1. 新建分支 1.1. upstream新建分支:finance-feature 1.2. origin新建对应分支:finance-feature 1.3 新建本地分支 git branch finance-feature 注: 同步远程分支:git fetch upstream feature…

CSDN智能总结助手

github项目地址: https://github.com/anjude/little-demo/tree/master 获取CSDN的user name和user token 打开csdn,打开控制台 - Application - Cookies,找到domain为blog.csdn.net的cookie,复制user_name和user_token的值 把上…

最详细Linux提权总结(建议收藏)

1、内核漏洞脏牛提权 查看内核版本信息 uname -a 具体提权 1、信息收集配合kali提权 uname -a #查看内核版本信息 内核版本为3.2.78,那我们可以搜索该版本漏洞 searchsploit linux 3.2.78 找到几个可以使用的脏牛提权脚本,这里我使用的是40839.c脚…

独立乙游井喷成新趋势,真来抢市场还是只画大饼?

国产乙游市场又迎来了新变化。 进入5月份,独立乙女游戏如雨后春笋般冒了出来,两、三个人组成的制作组,没有任何程序协助和资金支持,全靠为爱发电来打造一款乙女游戏,成为了今夏乙游市场的新趋势。 目前已经有独立乙游…

SwiftUI 5.0(iOS 17)进一步定制 TipKit 外观让撸码如虎添翼

概览 在之前 SwiftUI 5.0(iOS 17)TipKit 让用户更懂你的 App 这篇博文里,我们已经初步介绍过了 TipKit 的基本知识。 现在,让我们来看看如何进一步利用 SwiftUI 对 TipKit 提供的细粒度外观定制技巧,让 Tip 更加“明眸…

蓝桥杯第十四届国赛B组刷题笔记

A-0子2023: 题目: 小蓝在黑板上连续写下从 11 到 20232023 之间所有的整数,得到了一个数字序列: 𝑆12345678910111213...20222023S12345678910111213...20222023。 小蓝想知道 𝑆S 中有多少种子序列恰好等…

用Python爬取百度搜索结果并保存

项目目标 爬取百度上关键字为“粮食”的搜索结果,并保存,提交给客户,用于进一步分析我国粮食政策。 项目准备 软件:PyCharm 需要的库:json, requests,etree 项目分析 1)如何进行…

人工智能应用层岗位—AI项目经理/AI产品经理

AI是一门技术,最终落实成产品才能具备商业价值 应用层,就是面向特定应用场景,形成人工智能软硬件产品或解决方案。主要包括行业AI解决方案和热门产品,如自动驾驶、机器人、智能家居、可穿戴的智能设备等 相应的,就会…

【算法】排序

排序算法在信息学非常常用。Hello&#xff01;大家好&#xff0c;我是学霸小羊&#xff0c;今天讲几个排序算法。 1.“打擂台”排序 思路&#xff1a;a[ i ]和a[ j ]打擂台&#xff08;i<j&#xff09;。 这个方法简单易懂&#xff0c;只需要看看需不需要交换。按从大到小…

element ui 的el-input输入一个字后失去焦点,需重新点击输入框才能再次输入!

解决方案&#xff1a; 我是form表单嵌套表格&#xff0c;里面的el-input输入框&#xff0c;输入第一个值的时候会突然失去焦点&#xff0c;需要再次点击输入框才能正常输入&#xff0c;原因是table的key值&#xff0c;需要改成正常的index即可&#xff0c;如果你是循环的&…