时间操作（JavaScript版）—根据不同区时显示相应的时间

现在项目基本上告一段落了，难得有一定的闲暇，今天利用数小时完成了一个功能模块——根据不同区时显示相应的时间，这方面网上基本没有现成的例子，现在将代码粘贴如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head><meta http-equiv="content-type" content="text/html; charset=GB2312" /><title>根据不同区时显示相应的时间</title><script type="text/javascript"><!-- Beginfunction changeTZ() {var selectedValue = document.getElementById("TZ").value;var timeZone = selectedValue.split("*")[0];var city = selectedValue.split("*")[1];//console.log("所选城市:" + city + "、所选城市区时:" + timeZone);var date = new Date();var currentTimezone = -(date.getTimezoneOffset()/60);//当前区时var timeDifference = currentTimezone - timeZone;//时差console.log("当前区时:"+currentTimezone+"、时差:"+timeDifference);var year = 0;  //所选城市时间：年var month = 0; //所选城市时间：月var day = 0;   //所选城市时间：日var hour = 0;  //所选城市时间：小时var minute = 0;//所选城市时间：分钟var second = 0;//所选城市时间：秒var currentYear = date.getFullYear(); //当前时间：年var currentMonth = date.getMonth()+1; //当前时间：月var currentDay = date.getDate();      //当前时间：日var currentHour = date.getHours();    //当前时间：小时var currentMinute = date.getMinutes();//当前时间：分钟var currentSecond = date.getSeconds();//当前时间：秒second = currentSecond;if(timeDifference.toString().split(".").length == 2){//所选城市区时为小数var intVlaue = parseInt(timeDifference.toString().split(".")[0]);//获取整数部分var floatVlaue = timeDifference - intVlaue;//获取小数部分hour = currentHour- intVlaue;minute = currentMinute - floatVlaue*60;if(minute>=60){hour = hour + 1;minute = minute - 60;}else if(minute < 0){hour = hour - 1;minute = 60 + minute;}//console.log("当前时间(小时):" + currentHour+"、所选城市时间(小时):"+hour);}else{hour = currentHour-timeDifference;               minute = currentMinute;}if(hour >= 24){day = currentDay + 1;hour = hour - 24;}else if(hour >= 0 && hour < 24){day = currentDay;hour = hour;}else if(hour < 0){day = currentDay - 1;hour = hour + 24;}if(currentMonth==1 || currentMonth==3 || currentMonth==5 || currentMonth==7 || currentMonth==8 || currentMonth==10 || currentMonth==12 ){//31天if(day > 31){if(currentMonth==12){year = currentYear + 1;month= 1;day = day - 31;}else{year = currentYear;month= currentMonth + 1;day = day - 31;}}else if(day == 0){if(currentMonth==1){year = currentYear - 1;month= 12;day = 31;}else{year = currentYear;month= currentMonth - 1;if(month==4 || month==6 || month==9 || month==11){day = 30;}else if(month==2){if((year % 400 == 0)||(year % 4 == 0)&&(year % 100 != 0)){//闰年day = 29;}else{//平年day = 28;}}}}else{year = currentYear;month= currentMonth;day = day;}}if(currentMonth==4 || currentMonth==6 || currentMonth==9 || currentMonth==11){//30天if(day > 30){year = currentYear;month= currentMonth + 1;day = day - 30;}else if(day == 0){                       year = currentYear;month= currentMonth - 1;day = 31;}else{year = currentYear;month= currentMonth;day = day;}}if(currentMonth==2){//28天或29天year = currentYear;if((year % 400 == 0)||(year % 4 == 0)&&(year % 100 != 0)){//闰年if(day > 29){year = currentYear;month= currentMonth + 1;day = day - 29;}else if(day == 0){                        year = currentYear;month= 1;day = 31;}else{year = currentYear;month= currentMonth;day = day;}}else{//平年if(day > 28){year = currentYear;month= currentMonth + 1;day = day - 28;}else if(day == 0){                        year = currentYear;month= 1;day = 31;}else{year = currentYear;month= currentMonth;day = day;}}}hour = ((hour <= 9) ? ("0" + hour) : hour);  minute = ((minute <= 9) ? ("0" + minute) : minute);second = ((second <= 9) ? ("0" + second) : second);Clock.innerHTML = city + "：" + year +"年"+ month +"月"+ day +"日 " + hour + ":" + minute + ":" + second;setTimeout("changeTZ()", 1000);}//  End --></script></head><body bgcolor="#ffffff" onLoad="javascript:changeTZ();"><div id="Clock"></div><select style="font-size: 9pt;" οnchange="changeTZ()" id="TZ"><option value="-12*国际换日线">GMT-12</option><option value="-11*萨摩亚群岛">GMT-11</option><option value="-10*夏威夷">GMT-10</option><option value="-9*阿拉斯加">GMT-9</option><option value="-8*太平洋时间">GMT-8</option><option value="-7*美国山区">GMT-7</option><option value="-6*墨西哥">GMT-6</option><option value="-5*南美洲太平洋">GMT-5</option><option value="-4.5*加拉加斯">GMT-4.5</option><option value="-4*大西洋">GMT-4</option><option value="-3.5*纽芬兰">GMT-3.5</option><option value="-3*巴西利亚">GMT-3</option><option value="-2*大西洋中部">GMT-2</option><option value="-1*亚速尔">GMT-1</option><option value="0*格林尼治">GMT</option><option value="1*罗马">GMT +1</option><option value="2*以色列">GMT +2</option><option value="3*莫斯科">GMT +3</option><option value="3.5*德黑兰">GMT+3.5</option><option value="4*巴库">GMT +4</option><option value="4.5*喀布尔">GMT+4.5</option><option value="5*新德里">GMT +5</option><option value="5.5*孟买">GMT+5.5</option><option value="5.75*加德满都">GMT+5.75</option><option value="6*达卡">GMT +6</option><option value="6.5*仰光">GMT+6.5</option><option value="7*曼谷">GMT +7</option><option value="8*北京" selected>GMT +8</option><option value="9*东京">GMT +9</option><option value="9.5*达尔文">GMT+9.5</option><option value="10*悉尼">GMT +10</option><option value="11*马加丹">GMT +11</option><option value="12*惠灵顿">GMT +12</option></select></body>
</html>

【0分下载代码】

时间操作（JavaScript版）—根据不同区时显示相应的时间相关推荐

【C语言】时间操作，把1970年开始秒数计算的时间，转换为字符串格式输出
struct tm *ptr; time_t lt; unsigned int times = <秒数时间变量>; char str[80]; lt = times; ptr = loca ...
js操作元素：改变元素内容有两种方式： interText 和 innerHTML的区别，常用的元素的属性操作，仿电脑系统时间问好，表单元素的属性操作，案例：仿京东显示隐藏密码，样式属性操作
文章目录操作元素改变元素内容有两种方式: interText 和 innerHTML的区别常用的元素的属性操作案例:仿电脑系统时间问好表单元素的属性操作案例:仿京东显示隐藏密码样式属性操 ...
potplay显示服务器关闭,PotPlayer怎么关掉左上角显示的播放时间？PotPlayer关掉左上角显示播放时间的操作步骤...
PotPlayer是一款PC端播放软件,如果我们在使用PotPlayer时想要关闭左上角的播放时间应该怎么办呢?下面小编就为大家介绍PotPlayer是如何关闭左上角的播放时间. 方法/步骤 1.首先 ...
html首页问候语,HTML5通过Javascript网页调用日期显示、根据时间判断问候语显示...
HTML5通过Javascript网页调用日期显示.根据时间判断出不同时间段的问候语并显示增加一段小小的问候语,就可以增加访客们对你网站的关照. 效果展示: 代码: 今天是: var day=&qu ...
使用javascript技术制作，打开网页后，根据当前时间，显示：上午，下午，或晚上好，并显示当前系统时间0-12 点上午12点到18下午其他时间是晚上
打开网页后 ,根据当前时间,显示:上午 ,下午,或晚上好,并显示当前系统时间 0-12 点上午 12点到18下午其他时间是晚上精确到秒每秒都自动刷新 <!DOCTYPE ht ...
时间操作（Java版）—获取给定日期N天后的日期
版权声明:本文为博主原创文章.未经博主同意不得转载. https://blog.csdn.net/wangshuxuncom/article/details/34896777 获取给定日期N天后的日期 ...
JavaScript实现点击按钮显示当前时间
显示当前时间,点击按钮,显示当前系统时间代码如下 <script>function tim() {var date = new Date();//当前系统时间var year = dat ...
Javascript 时间操作汇总
Date 对象介绍 JS 有专门处理日期和时间的对象. Date 对象属性: 属性描述 FF IE constructor 返回对创建此对象的 Date 函数的引用. 1 4 prototype 使 ...
Linux如何在任务栏显示时间,在MFC[转载]在MFC状态栏显示时间状态栏显示时间
c/c++ vc 在mfc状态栏显示时间,在VC的控件中有个Status bar可以在窗体状态栏中添加日期和时间.其实通过简单的代码,你就能创建一个有时钟显示的状态栏,并且还能设置时钟栏的显示方式.举 ...
js获取对象数组中指定属性值对象_3分钟学会操作JavaScript内置对象，快来试试吧...
1 - 内置对象 1.1 内置对象 JavaScript 中的对象分为3种:自定义对象 .内置对象. 浏览器对象. 前面两种对象是JS 基础内容,属于 ECMAScript: 第三个浏览器对象属于 ...

时间操作（JavaScript版）—根据不同区时显示相应的时间

时间操作（JavaScript版）—根据不同区时显示相应的时间相关推荐

最新文章

热门文章