jQuery 选择一个城市并显示相应的实时区域时间。
最编程
2024-06-08 20:28:53
...
因客户需要,我们CRM系统中,jQuery 弄个时区插件
如图:
HTML:
<div id="cityDate"> <i class="P_arrow"></i> <h3> <span class="P_n">世界时钟:</span> <span class="P_c">a</span> <span class="P_d">07月21日 周五 16:33:22</span> <span class="P_w"> </span> <span class="P_t"> </span> </h3> <div class="timeSelect M_scrollBar"> <dd>阿布賈,尼日利亞</dd> </div> <script language="javascript"> $(function(){ //所有城市和时间静态输出 var cityID = 170; //初始城市,中国,北京 var showZone = $.showZone(cityID); $("#cityDate .timeSelect dd").live('click',function(e){ cityID = $(this).attr("cityID"); $.showZone(cityID); }); }); </script> </div>
jQuery:
// 时区城市 //$(function(){ //所有城市和时间静态输出 //var cityID = 170; //中国,北京 //var showZone = $.showZone(cityID); //$("#cityDate .timeSelect dd").live('click',function(e){ // cityID = $(this).attr("cityID"); // $.showZone(cityID); // }); //}); (function ($) { $.extend({ "showZone": function (id) { var city = new Array(['安道尔 · 安道尔','A','1'],['阿尔及利亚 · 阿尔及尔','A','2'],['阿尔巴尼亚 · 地拉那','A','3'],['奥地利 · 维也纳','A','4'],['澳洲 · 伯斯','H','5'],['澳洲 · 达尔文','I1','6'],['澳洲 · 布里斯本','K','7'],['澳洲 · 墨尔本','K','8'],['澳洲 · 昆士兰','K','9'],['澳洲 · 悉尼','K','10'],['澳洲 · 阿得雷德','K1','11'],['阿联酋 · 阿布达比','D','12'],['阿联酋 · 杜拜','D','13'],['阿曼 · 马斯喀特','D','14'],['阿富汗 · 喀布尔','D1','15'],['阿根廷 · 布宜洛斯艾利斯','P','16'],['阿拉斯加 · 安克雷奇','V','17'],['埃尼威托克','Y','18'],['埃及 · 开罗','B','19'],['埃塞俄比亚','C','20'],['比利时 · 布鲁塞尔','A','21'],['波兰 · 华沙','A','22'],['波札那 · 嘉柏隆','B','23'],['保加利亚 · 索非亚','B','24'],['巴基斯坦 · *堡','E','25'],['巴基斯坦 · 喀拉蚩','E','26'],['巴西 · 巴西利亚','P','27'],['巴西 · 里约热内卢','P','28'],['巴巴多斯 · 布里奇敦','Q','29'],['巴布亚新畿内亚','K','30'],['百慕达 · 哈密尔顿','Q','31'],['玻利维亚 · 拉巴斯','Q','32'],['巴拉圭 · 亚松森','Q','33'],['巴哈马 · 拿骚','R','34'],['* · *城','R','35'],['冰岛 · 雷克雅未克','Z','36'],['北韩 · 平壤','I','37'],['德国 · 柏林','A','38'],['丹麦 · 哥本哈根','A','39'],['德国 · 法兰克福','A','40'],['德国 · 汉堡','A','41'],['达累斯萨拉姆','C','42'],['多米尼加*','Q','43'],['多米尼克 · 罗索','Q','44'],['俄罗斯 · 莫斯科','C','45'],['厄瓜多尔 · 基多','R','46'],['法国 · 里昂','A','47'],['法国 · 巴黎','A','48'],['芬兰 · 赫尔辛基','B','49'],['佛得角 · 普拉亚','N','50'],['菲律宾 · 马尼拉','H','51'],['斐济 · 苏瓦','M','52'],['刚果 · 布拉柴维尔','A','53'],['哥伦比亚 · 波哥大','R','54'],['古巴 · 哈瓦那','R','55'],['哥斯达黎加 · 圣荷塞','S','56'],['甘比尔群岛','V','57'],['荷兰 · 阿姆斯特丹','A','58'],['荷兰 · 罗索','A','59'],['荷属安的列斯群岛','Q','60'],['洪都拉斯 · 特古西加尔巴','S','61'],['惠森迪岛','K','62'],['捷克 · 布拉格','A','63'],['津巴布韦 · 哈拉雷','B','64'],['柬浦寨 · 金边','G','65'],['基里巴斯*','M2','66'],['加拿大 · 纽芬兰省','P1','67'],['加拿大 · 新斯科舍','Q','68'],['加拿大 · 蒙特利尔','R','69'],['加拿大 · 渥太华','R','70'],['加拿大 · 多伦多','R','71'],['加拿大 · 温尼伯','S','72'],['加拿大 · 埃德蒙顿','T','73'],['加拿大 · 温哥华','U','74'],['加纳 · 阿克拉','Z','75'],['喀密隆 · 雅温得','A','76'],['科威特 · 科威特','C','77'],['肯雅 · 奈洛比','C','78'],['卢森堡','A','79'],['黎巴嫩 · 贝鲁特','B','80'],['罗马尼亚 · 布加勒斯特','B','81'],['美国 · 马里兰','R','82'],['美国 · 新泽西','R','83'],['美国 · 纽约','R','84'],['美国 · 费城','R','85'],['美国 · 华盛顿','R','86'],['美国 · 芝加哥','S','87'],['美国 · 亚特兰大','R','88'],['美国 · 波士顿','R','89'],['美国 · 达拉斯','S','90'],['美国 · 休斯敦','S','91'],['美国 · 威斯康辛','S','92'],['美国 · 蒙大拿','T','93'],['美国 · 新墨西哥','T','94'],['美国 · 圣迭戈','T','95'],['美国 · 加利福尼亚','U','96'],['美国 · 拉斯维加斯','U','97'],['美国 · 洛杉机','U','98'],['美国 · 三藩市','U','99'],['美国 · 西雅图','U','100'],['美国 · 夏威夷','W','101'],['美国 · 檀香山','W','102'],['马来西亚 · 吉隆坡','H','103'],['孟加拉 · 达卡','F','104'],['缅甸','F1','105'],['秘鲁 · 利马','R','106'],['摩洛哥 · 卡萨布兰卡','Z','107'],['摩洛哥 · 拉巴特','Z','108'],['莫尔兹比港','K','109'],['墨西哥 · 墨西哥城','S','110'],['尼日利亚 · 阿布贾','A','111'],['挪威 · 奥斯陆','A','112'],['南非 · 开普敦','B','113'],['南非 · 约翰尼斯堡','B','114'],['南韩 · 汉城/首尔','I','115'],['葡萄牙 · 里斯本','Z','116'],['瑞士 · 伯恩','A','117'],['瑞典 · 斯德哥尔摩','A','118'],['瑞士 · 苏黎世','A','119'],['日本 · 扎幌','I','120'],['日本 · 东京','I','121'],['日本 · 大坂','I','122'],['苏丹 · 喀土木','B','123'],['尚比亚 · 路沙卡','B','124'],['塞普路斯 · 尼古西亚','B','125'],['沙特阿拉伯 · 利雅德','C','126'],['斯里兰卡 · 可伦坡','F','127'],['萨摩亚','M1','128'],['圣多明各','Q','129'],['萨尔瓦多 · 圣萨尔瓦多','S',上一篇: 从 0-1 开始,Vue.js 将带你走过一段完整的旅程
下一篇: NFT 和数字藏品安全解决方案说明
推荐阅读
-
jQuery 选择一个城市并显示相应的实时区域时间。
-
《京沪公园使用大数据报告》解读城市公园新机遇-Part One 公园基本情况 1 城市公园分布 城市公园分布广泛,主要集中在中心城区和郊区的居住密集区 根据公开数据,北京市注册公园数为403个(2016年),上海市为165个(2015年)。基于腾讯地图,找到京沪两地所有公园的位置点信息,将它们画在地图上,可以发现,城市公园分布广泛,并且主要集中在中心城区和郊区的居住密集区。 公园数量数据来源:北京-《瞭望东方周刊》,上海-2016年上海市统计年鉴; 公园位置点信息来源:腾讯地图POI数据; 2 人均公园绿地面积 北京北部、上海东北部人均公园绿地面积较多 数据显示,截至2015年年末,北京的人均公园绿地面积为13.6平方米/人,上海则为7.6平方米/人。从各区人均公园绿地面积的数据可以看出,受区域面积和人口数量的双重制约,城市中心区的人均公园绿地面积通常较小。北京人均公园绿地面积较多的地区主要是在北部,而上海则是在东北部。 数据来源:北京市园林局网站,2016年上海市统计年鉴 Part Two 公园受欢迎程度 1 网络热度 哪些公园是“网红”? 樱花季促成玉渊潭公园和顾村公园最热! 根据腾讯位置大数据,春季时,在我们选取的几个公园中,用户通过社交分享最多的公园,北京是玉渊潭公园,上海是顾村公园。这两个公园的热度远远领先其他公园,成为当之无愧的“网红”公园。玉渊潭公园和顾村公园在春季都有樱花节活动,京沪两地的植物园在春季也有较高的网络热度。 注:社交分享包括微信朋友圈、QQzone等社交工具中的签到信息 2 公园吸引力程度 公园有多吸引人? 部分大型公园超50%的游客来源于10公里外 公园的吸引力可以用到访者居住地到公园的直线距离的中位数来衡量。根据腾讯位置大数据分析,京沪两地都是知名公园吸引力较大。以北京颐和园和上海辰山植物园为例,50%的游客来源于20.3公里和17.6公里以外。热度最高的北京玉渊潭公园和上海顾村公园也有较高的吸引力。 3 外地游客比例 只有知名公园有外地游客? 社区公园仍有5~10%的外地游客到访 颐和园作为全国景点,毫不意外,外地游客比例高达40%,远超京沪其他公园。上海的公园中,人民公园的外地游客比例达到19%,可能与其临近旅游热点南京路和人民广场有关。总的来说,本身就是景点或临近人群聚集地的公园外地游客比例高。通常意义上社区公园主要服务于当地居民,而数据显示,京沪的社区公园仍有5~10%的外地游客到访。 Part Three 公园使用情况 1 工作日和周末人流量对比 北京奥林匹克森林公园超200%, 上海辰山植物园周末游客增幅达170% 大型的综合公园、主题公园、郊区公园周末人流量都有至少50%的增长,北京的奥林匹克森林公园、南海子郊野公园,上海的辰山植物园、顾村公园,周末游客增幅达到了100%以上。一些距离工作区较近的公园如上海陆家嘴中心广场公园、北京CBD历史文化公园,周末时人流量则出现了明显下降。 2 人流量随时间变化 上海的周末人流高峰期更晚更集中 上海中心型公园、主题型公园和郊区公园的高峰期在周末更为集中,并会发生明显推迟,到14~15点才达到人流量高峰。而北京的公园在上午10~12点期间就进入了高峰期,在15~16点也有一个高峰期。 Part Four 位置大数据带来的启示 1 建立合理的公园体系结构 丰富体系结构:大型公园和小微公园结合,优化空间利用率 公园的使用情况可以用空间利用效率衡量,即“到访人数/公园面积” 。从数据来看,京沪两地空间利用效率高的公园都是中小型公园,而大型公园的空间利用效率则较低; 考虑到安全、环境等管理成本,大型公园多采取收费、围合等管理模式,这会降低公园的空间利用率,可进一步研究费用高低、范围设定和利用率的关系,优化空间利用率; 合理的城市公园体系还需要与就业中心结合的公园以及服务社区的公园。在空间资源日益紧张的大城市,除了在郊区新建大型公园外,在城市中心区新建更多的微型、小型公园也是不错的选择。 2 混搭多种功能区域 混搭区域功能:城市公园选址宜与多种功能区域搭配,关注慢行设施 城市公园可以和工作区、商圈、公共活动区等多种区域相结合。公园在工作日可服务于区域就业、商务人士,在周末也可以服务市民休闲和社会活动。有利于凝聚人气,更大地发挥公园的功能。如上海的徐家汇公园,周边是写字楼聚集区,又是商圈,同时又有大量居民区,周末的空间利用效率相比于工作日反升8%;。 关注公园周边慢行设施的设计,方便游客步行到达。结合热力图和三维地图可以看出,徐家汇公园东西两侧的汇金广场、港汇广场、徐家汇国际大厦、宛平宾馆、上海财政局等是公园使用者集聚程度最高的地区。五洲国际广场、均瑶国际广场虽然距离较远,但是沿肇嘉浜路到徐家汇公园较为便捷,也在步行范围内,所以也同样具有较高互动性。可见便利的慢行设施可以增强公园和周边的互动。 3 位置大数据优化公园服务 优化公园服务:根据到访人群来源判断服务偏向,提供精准服务 通过位置大数据,可以识别出公园的服务偏向,判断公园的使用是否符合预期,及时优化公园内部及周边服务设施。服务偏向可以根据到访过公园的游客工作或居住在公园周边2公里内的占比判断。如北京的北小河公园、上海的彭浦公园等服务周边的居住人群更多,这些公园可以考虑多配备小广场、健身器材、儿童游乐场等设施;而北京的CBD历史文化公园、上海的西康公园服务工作人群更多,则可以考虑多进行绿化并配备长椅等休闲设施。 4 位置大数据助力公园管理 助力公园管理:位置大数据提供精准宣传和功能评估依据 在“互联网+”日益发达的今天,位置大数据可以帮助有意发展旅游产业的城市公园: