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 blockUI 遮罩不能消失与不能提交的解决方法
Sep 17 Javascript
jquery事件机制扩展插件 jquery鼠标右键事件。
Dec 26 Javascript
js为数字添加逗号并格式化数字的代码
Aug 23 Javascript
如何获取网站icon有哪些可行的方法
Jun 05 Javascript
javascript中with()方法的语法格式及使用
Aug 04 Javascript
js实现下拉框选择要显示图片的方法
Feb 16 Javascript
JavaScript实现数据类型的相互转换
Mar 06 Javascript
JS实现浏览上传文件的代码
Aug 23 Javascript
vue-cli安装使用流程步骤详解
Nov 08 Javascript
Element输入框带历史查询记录的实现示例
Jan 15 Javascript
Vue.js实现的购物车功能详解
Jan 27 Javascript
javascript实现一款好看的秒表计时器
Sep 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实现的漂亮分页方法
2014/04/17 PHP
PHP 使用redis简单示例分享
2015/03/05 PHP
php一个解析字符串排列数组的方法
2015/05/12 PHP
PHP处理会话函数大总结
2015/08/05 PHP
PHP入门教程之日期与时间操作技巧总结(格式化,验证,获取,转换,计算等)
2016/09/11 PHP
验证坐标在某坐标区域内php代码
2016/10/08 PHP
因str_replace导致的注入问题总结
2019/08/08 PHP
PHP日期和时间函数的使用示例详解
2020/08/06 PHP
jquery提示 &quot;object expected&quot;的解决方法
2009/12/13 Javascript
Jquery实战_读书笔记2 选择器
2010/01/22 Javascript
javascript实现的像java、c#之类的sleep暂停的函数代码
2010/03/04 Javascript
jquery实现图片裁剪思路及实现
2013/08/16 Javascript
JavaScript判断密码强度(自写代码)
2013/09/06 Javascript
常用jQuery选择器总结
2014/07/11 Javascript
jQuery基础知识小结
2014/12/22 Javascript
jquery实现简单文字提示效果
2015/12/02 Javascript
微信小程序 页面跳转和数据传递实例详解
2017/01/19 Javascript
Angular如何由模板生成DOM树的方法
2019/12/23 Javascript
使用Python的Tornado框架实现一个一对一聊天的程序
2015/04/25 Python
Python使用设计模式中的责任链模式与迭代器模式的示例
2016/03/02 Python
Python常用的爬虫技巧总结
2016/03/28 Python
Python复数属性和方法运算操作示例
2017/07/21 Python
python 矩阵增加一行或一列的实例
2018/04/04 Python
Python3+PyInstall+Sciter解决报错缺少dll、html等文件问题
2019/07/15 Python
python 高阶函数简单介绍
2021/02/19 Python
css3实现超立体3D图片侧翻倾斜效果
2014/04/16 HTML / CSS
华为慧通笔试题
2016/04/22 面试题
你经历的项目中的SCM配置项主要有哪些?什么是配置项?
2013/11/04 面试题
设计部经理的岗位职责
2013/11/16 职场文书
优秀的茶餐厅创业计划书
2014/01/03 职场文书
中国文明网签名寄语
2014/01/18 职场文书
求职信范文大全
2014/05/26 职场文书
电子信息专业应届生自荐信
2014/06/04 职场文书
雷锋电影观后感
2015/06/10 职场文书
新人入职感言
2015/07/31 职场文书
财务人员廉洁自律心得体会
2016/01/13 职场文书