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 相关文章推荐
基于JQuery实现的类似购物商城的购物车
Dec 06 Javascript
JS特权方法定义作用以及与公有方法的区别
Mar 18 Javascript
jQuery jcrop插件截图使用方法
Nov 20 Javascript
鼠标悬浮显示二级菜单效果的jquery实现
Oct 29 Javascript
原生JavaScript+LESS实现瀑布流
Dec 12 Javascript
尝试动手制作javascript放大镜效果
Dec 25 Javascript
AngularJS基础 ng-keydown 指令简单示例
Aug 02 Javascript
JavaScript定义数组的三种方法(new Array(),new Array('x','y')
Oct 04 Javascript
Vue.js实现按钮的动态绑定效果及实现代码
Aug 21 Javascript
angular6的table组件开发的实现示例
Dec 26 Javascript
Angular5整合富文本编辑器TinyMCE的方法(汉化+上传)
May 26 Javascript
vue实现简单全选和反选功能
Sep 15 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
超神学院:天使彦公认最美的三个视角,网友:我的天使快下凡吧!
2020/03/02 国漫
如何限制访问者的ip(PHPBB的代码)
2006/10/09 PHP
ThinkPHP单字母函数(快捷方法)使用总结
2014/07/23 PHP
PHP中使用匿名函数操作数据库的例子
2014/11/17 PHP
IIS下PHP的三种配置方式对比
2014/11/20 PHP
centos下file_put_contents()无法写入文件的原因及解决方法
2017/04/01 PHP
PHP实现的大文件切割与合并功能示例
2018/04/10 PHP
thinkphp5.0整合phpsocketio完整攻略(绕坑)
2018/10/12 PHP
PHP实现计算器小功能
2020/08/28 PHP
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本
2006/09/22 Javascript
用Javascript读取中文COOKIE的解决办法
2007/02/15 Javascript
javascript 不间断的图片滚动并可点击
2010/01/15 Javascript
如何创建一个JavaScript弹出DIV窗口层的效果
2013/09/25 Javascript
JavaScript中this详解
2015/09/01 Javascript
jQuery设置单选按钮radio选中/不可用的实例代码
2016/06/24 Javascript
jQuery.Validate表单验证插件的使用示例详解
2017/01/04 Javascript
js放到head中失效的原因与解决方法
2017/03/07 Javascript
Bootstrap警告(Alerts)的实现方法
2017/03/22 Javascript
JavaScript This指向问题详解
2019/11/25 Javascript
Python二叉树的定义及常用遍历算法分析
2017/11/24 Python
使用pandas实现csv/excel sheet互相转换的方法
2018/12/10 Python
24式加速你的Python(小结)
2019/06/13 Python
python文本数据处理学习笔记详解
2019/06/17 Python
Python+threading模块对单个接口进行并发测试
2019/06/25 Python
python文档字符串(函数使用说明)使用详解
2019/07/30 Python
CSS3圆角和渐变2种常用功能详解
2016/01/06 HTML / CSS
G-Form护具官方网站:美国运动保护装备
2019/09/04 全球购物
英国时尚和家居用品零售商:Matalan
2021/02/28 全球购物
体现团队精神的口号
2014/06/06 职场文书
2015年推广普通话演讲稿
2015/03/20 职场文书
学校勤俭节约倡议书
2015/04/29 职场文书
婚宴致辞
2015/07/28 职场文书
Vue h函数的使用详解
2022/02/18 Vue.js
Python中第三方库Faker的使用详解
2022/04/02 Python
解决MySQL Varchar 类型尾部空格的问题
2022/04/06 MySQL
nginx配置之并发频次限制
2022/04/18 Servers