javascript实现的时间格式加8小时功能示例


Posted in Javascript onJune 13, 2019

本文实例讲述了javascript实现的时间格式加8小时功能。分享给大家供大家参考,具体如下:

第一种方式:

<script>
   var oldTimes1 = "2017-07-10 03:28:54"
   var eosFormatTime2 = function(oldTimes1) {
        var time1 = oldTimes1.split(' ')[0];
       // console.log("1、第二种方式time1:" + time1)
       var arrTime = oldTimes1.split(' ')[1].split(':');
        // console.log("2、第二种方式arrTime:" + arrTime)
        var time2 = arrTime.slice(1, arrTime.length).join(':');
       // console.log("3、第二种方式time2:" + time2)
        var h = parseInt(arrTime[0]) + 8;
        // console.log('4、第二种方式小时:', h);
       var newH = ((h < 24) ? h : (h % 24)).toString();
        return time1 + ' ' + newH + ':' + time2;
    }
    console.log(eosFormatTime2(oldTimes1))
</script>

运行结果:

javascript实现的时间格式加8小时功能示例

第二种方式:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<script>
  var fnTime = function() {
    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(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 + ' ' + toTwo(iHours) + ':' + toTwo(iMin) + ':' + toTwo(iSec);
    return str;
  }
  function toTwo(n) {
    return n < 10 ? '0' + n : '' + n;
  }
  console.log(fnTime())
  function setDateTime(fnTime) {
    var x = fnTime; // 取得时间"2017-07-08 13:00:00"
    var time = new Date(x);
    var timeNum = 8;//小时数
    time.setHours(time.getHours() + timeNum);
    return time;
  }
   console.log(setDateTime(fnTime()))
</script>
</body>
</html>

运行结果:

javascript实现的时间格式加8小时功能示例

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

Javascript 相关文章推荐
JS写的数字拼图小游戏代码[学习参考]
Oct 29 Javascript
js 操作符实例代码
Oct 24 Javascript
Js(JavaScript)中,弹出是或否的选择框示例(confirm用法的实例分析)
Jul 09 Javascript
jQuery学习笔记之jQuery动画效果
Sep 09 Javascript
Json实现异步请求提交评论无需跳转其他页面
Oct 11 Javascript
基于jQuery仿淘宝产品图片放大镜代码分享
Jun 23 Javascript
Javascript获取统一管理的提示语(message)
Feb 03 Javascript
IScroll5 中文API参数说明和调用方法
May 21 Javascript
jquery的$().each和$.each的区别
Jan 18 jQuery
详解Angular cli配置过程记录
Nov 07 Javascript
解决Element中el-date-picker组件不回填的情况
Nov 07 Javascript
利用uni-app生成微信小程序的踩坑记录
Apr 05 Javascript
深入了解JavaScript代码覆盖
Jun 13 #Javascript
js使用cookie实现记住用户名功能示例
Jun 13 #Javascript
探索JavaScript中私有成员的相关知识
Jun 13 #Javascript
详解vue中的父子传值双向绑定及数据更新问题
Jun 13 #Javascript
基于Vue实现平滑过渡的拖拽排序功能
Jun 12 #Javascript
Vue + Elementui实现多标签页共存的方法
Jun 12 #Javascript
JavaScript使用面向对象实现的拖拽功能详解
Jun 12 #Javascript
You might like
php access 数据连接与读取保存编辑数据的实现代码
2010/05/12 PHP
php之XML转数组函数的详解
2013/06/07 PHP
实现获取http内容的php函数分享
2014/02/16 PHP
php实现购物车功能(下)
2016/01/05 PHP
在WordPress的后台中添加顶级菜单和子菜单的函数详解
2016/01/11 PHP
PHP yield关键字功能与用法分析
2019/01/03 PHP
PHP实现图片防盗链破解操作示例【解决图片防盗链问题/反向代理】
2020/05/29 PHP
刷新页面实现方式总结(HTML,ASP,JS)
2008/11/13 Javascript
js变量、作用域及内存详解
2014/09/23 Javascript
推荐4个原生javascript常用的函数
2015/01/12 Javascript
Angular中ng-bind和ng-model的区别实例详解
2017/04/10 Javascript
利用nginx + node在阿里云部署https的步骤详解
2017/12/19 Javascript
vue页面离开后执行函数的实例
2018/03/13 Javascript
JS实现获取毫秒值及转换成年月日时分秒的方法
2018/08/15 Javascript
基于vue-cli npm run build之后vendor.js文件过大的解决方法
2018/09/27 Javascript
微信小程序 网络通信实现详解
2019/07/23 Javascript
JS定时器如何实现提交成功提示功能
2020/06/12 Javascript
Vue 电商后台管理项目阶段性总结(推荐)
2020/08/22 Javascript
使用Vant完成Dialog弹框案例
2020/11/11 Javascript
原生js中运算符及流程控制示例详解
2021/01/05 Javascript
Python 实现链表实例代码
2017/04/07 Python
利用python编写一个图片主色转换的脚本
2017/12/07 Python
Python使用xlwt模块操作Excel的方法详解
2018/03/27 Python
简单了解python高阶函数map/reduce
2019/06/28 Python
Python文件操作函数用法实例详解
2019/12/24 Python
Python实现遗传算法(二进制编码)求函数最优值方式
2020/02/11 Python
python使用自定义钉钉机器人的示例代码
2020/06/24 Python
什么是符号链接,什么是硬链接?符号链接与硬链接的区别是什么?
2014/01/19 面试题
Java基础面试题
2012/11/02 面试题
新闻系毕业生推荐信
2013/11/16 职场文书
创意活动策划书
2014/01/15 职场文书
奶茶店创业计划书范文
2014/01/17 职场文书
2014年党员公开承诺书范文
2014/03/28 职场文书
小学语文教学经验交流材料
2014/06/02 职场文书
2015年街道办事处工作总结
2015/05/22 职场文书
运动会闭幕式通讯稿
2015/07/18 职场文书