js时间日期格式化代码实例

快乐打工仔 分类:实例代码

分享一段代码实例,它实现了时间日期格式化功能。

代码实例如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>犀牛前端部落</title>
<script type="text/javascript">
 window.onload = function() {
   var oBody = document.body;
   setInterval(fnTime, 1000);
   fnTime();
   function fnTime() {
     var myTime = new Date();
     // number
     var iYear = myTime.getFullYear();
     var iMonth = myTime.getMonth() + 1;
     var iDate = myTime.getDate();
     var iWeek = myTime.getDay();
     var iHours = myTime.getHours();
     var iMin = myTime.getMinutes();
     var iSec = myTime.getSeconds();
     var str = '';
     //if后面如果只有一句可以省略大括号;
     if (iWeek == 0) iWeek = "星期日";
     if (iWeek == 1) iWeek = '星期一';
     if (iWeek == 2) iWeek = '星期二';
     if (iWeek == 3) iWeek = '星期三';
     if (iWeek == 4) iWeek = '星期四';
     if (iWeek == 5) iWeek = '星期五';
     if (iWeek == 6) iWeek = '星期六';
     str = iYear + '年' + iMonth + '月' + iDate + '日 ' +
           iWeek + ' ' + toTwo(iHours) + ' : ' + toTwo(iMin) + ' : ' + toTwo(iSec);
     oBody.innerHTML = str;
   }
 };
 
 //判断当前的时间是单位数还是双位数;
 function toTwo(n) {
   return n < 10 ? "0" + n : "" + n;
 }
</script>
</head>
<body>
</body>
</html>

上面的代码实现了我们的要求,非常的简单,更多可内容可以参阅相关阅读。

相关阅读:

(1).setInterval()可以参阅setInterval()一章节。

(2).Date对象可以参阅JavaScript Date一章节。

(3).innerHTML可以参阅innerHTML一章节。

js时间日期格式化代码实例,这样的场景在实际项目中还是用的比较多的,关于js时间日期格式化代码实例就介绍到这了。

js时间日期格式化代码实例属于前端实例代码,有关更多实例代码大家可以查看

回复

我来回复
  • 暂无回复内容