11.4根据时区显示日期

最新推荐文章于 2024-03-18 09:58:54 发布

代码-君

最新推荐文章于 2024-03-18 09:58:54 发布

阅读量489

点赞数

分类专栏： js基础教程随书笔记文章标签：日期 date date getday 时区

js基础教程随书笔记专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function initDate(){
   var allTags = document.getElementsByTagName("*"); //获取所有标签
   for(var i=0; i<allTags.length; i++){ //循环遍历所有标签
     if(allTags[i].className.indexOf("tz") == 0){ //如果tr在className中首次出现的位置是0
       showTheTime(allTags[i],allTags[i].className.substring(2)); // 执行showTheTime函数并且传入两个参数
}   //allTags[i] 第一个参数所有tr在className中首次出现的位置是0 的标签
   }     //allTags[i].className.substring(2) 第二个参数提取className中从第2个字符开始的子串 “-8” “-5” “-0” “+8”
};
//currElem -- 所有tr在className中首次出现的位置是0 的标签
//tzoffset -- 提取className中从第2个字符开始的子串 “-8” “-5” “-0” “+8”
function showTheTime(currElem,tzOffset){
var dayName = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
var thatTZ = new Date(); //通过 new 关键词来定义 Date 对象 Date 对象自动使用当前的日期和时间作为其初始值
var dateStr = thatTZ.toUTCString();//根据世界时 (UTC) 把 Date 对象转换为字符串，并返回结果当前时间用世界时表示 day,dd mm yyyy hh:mm:ss UTC
dateStr = dateStr.substr(0,dateStr.length-3); //设置dateStr为从dateStr字符串开始位置到dateStr字符串长度减3 day,dd mm yyyy hh:mm:ss
thatTZ.setTime(Date.parse(dateStr)); // 以当前日期时间距离1970/1/1的毫秒数设置date对象以毫秒数形式表示的日期可以使它独立于时区
//Date.parse()方法解析一个日期字符串，并返回1970/1/1午夜距离该日期的毫秒数
//setTime() 方法以毫秒数设置Date对象
thatTZ.setHours(thatTZ.getHours()+parseInt(tzOffset)); //当前UT时间小时当前UT时段+时区偏移量
/*setHours() 方法用于设置指定的时间的小时字段。调整过的日期的毫秒表示
语法 dateObject.setHours(hour,min,sec,millisec)
hour 必需。表示小时的数值，介于 0（午夜） ~ 23（晚上11点）之间，以本地时间计（下同）。
min 可选。表示分钟的数值，介于 0 ~ 59 之间。在 EMCAScript 标准化之前，不支持该参数。
sec 可选。表示秒的数值，介于 0 ~ 59 之间。在 EMCAScript 标准化之前，不支持该参数。
millisec 可选。表示毫秒的数值，介于 0 ~ 999之间。在 EMCAScript 标准化之前，不支持该参数。
*/
//thatTZ.getHours() 返回当前日期小时字段
//parseInt(tzOffset) 解析“-8” “-5” “-0” “+8”字符串返回整数
currElem.innerHTML = showTheHours(thatTZ.getHours())+showZeroFilled(thatTZ.getMinutes())+showAmPm(thatTZ.getHours())+dayName[thatTZ.getDay()];

function showTheHours(theHour){ //参数为当前UTC小时段
   if(theHour == 0){ //如果时段为0
    return 12;      //返回12 表示午夜
   }
   if(theHour < 13){ //如果时段小于13
    return theHour //返回时段 1-12 凌晨-上午
   }
   return theHour-12; //如果是大于等于13 减去12 中午以后的时间转为12小时制
};
function showZeroFilled(inValue){ //参数为当前UTC时间分钟数
if(inValue > 9){ //如果分钟时大于9
   return ":"+inValue; //冒号加上当前分钟数
}
if(inValue < 9){
   return ":0"+inValue; //冒号0加上当前分钟数
}
};
function showAmPm(thatTime){ //参数为当前UTC小时段
if(thatTime < 12){ //如果时段小于12
   return "AM";         //如果小于12 早上
}
return "PM";           //大于等于12 下午
};
};
window.onload = initDate;
</script>
</head>

代码-君

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
11.4根据时区显示日期

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档 function initDate(){ var allTags = document.getElementsByTagName("*"); //获取所有标签 for(var
复制链接

扫一扫