文章目录

  • JavaScript 时间戳(自定义格式)转换 - 案例(含代码)
    • 一、时间戳(`s` 秒)
      • 1. `转化顺序` · 说明:
      • 2. 效果图:
      • 3. 代码:
    • 二、时间戳(`ms` 毫秒)
      • 1. `转化顺序` · 说明:
      • 2. 效果图:
      • 3. 代码:

JavaScript 时间戳(自定义格式)转换 - 案例(含代码)


一、时间戳(s 秒)

1. 转化顺序 · 说明:

时间戳(秒)1590115157 >>>>>> 格式化 1970-01-19 17:41:55


2. 效果图:


3. 代码:

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>(时间戳 s秒)自定义格式</title>
</head>
<body><div id="time"></div>
<script>function formatDateTime(inputTime) {var date = new Date(inputTime);var y = date.getFullYear();var m = date.getMonth() + 1;m = m < 10 ? ('0' + m) : m;var d = date.getDate();d = d < 10 ? ('0' + d) : d;var h = date.getHours();h = h < 10 ? ('0' + h) : h;var minute = date.getMinutes();var second = date.getSeconds();minute = minute < 10 ? ('0' + minute) : minute;second = second < 10 ? ('0' + second) : second;var str ='';//str= y + '-' + m + '-' + d+' '+h+':'+minute+':'+second;str= y + '-' + m + '-' + d+' '+h+':'+minute;document.getElementById("time").innerHTML = str;return str;
};window.onload = formatDateTime(1590115157);</script>
</body>
</html>

博客 : JS时间格式化,时间戳的转换



二、时间戳(ms 毫秒)


1. 转化顺序 · 说明:

时间戳(毫秒)1590118124572 >>>>>> 格式化 2020-5-22 11:28:44


2. 效果图:


3. 代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>(时间戳 ms毫秒)自定义格式</title>
</head>
<body><script>
function formatDate(now) {var year = now.getFullYear(),month = now.getMonth() + 1,date = now.getDate(),hour = now.getHours(),minute = now.getMinutes(),second = now.getSeconds();if(parseInt(month)<10){month = '0'+month}if(parseInt(date)<10){date = '0'+date}if(parseInt(hour)<10){hour = '0'+hour}if(parseInt(minute)<10){minute = '0'+minute}if(parseInt(second)<10){second = '0'+second}return year + "-" + month + "-" + date + " " + hour + ":" + minute + ":" + second;
}var d = new Date(1590118124572);
alert(formatDate(d));             //2020-5-22 11:28:44</script>
</body>
</html>

博客 : 二、 时间戳格式化:


以上就是关于“ JavaScript 时间戳(互相转换)(自定义格式)- 案例篇 ” 的全部内容。

JavaScript 时间戳(互相转换)(自定义格式)- 案例篇相关推荐

  1. html中css如何引用自定义字体 - 案例篇

    html中css引用自定义字体,实现自定义字体样式效果(含案例) 网页中不同的字体,代码是怎么定义的?怎么引用外来字体文件? html 案例 · 代码如下: <!DOCTYPE html> ...

  2. js实现时间戳转化为自定义格式的年月日时分秒(yyyy-MM-dd HH:mm:ss)

    1.自定义方法转换 getYMDHMS (timestamp) {let time = new Date(timestamp)let year = time.getFullYear()let mont ...

  3. Ajax异步请求(重渲染DOM元素时,如何自动调用并执行JS自定义函数【含代码】)- 案例篇

    文章目录 Ajax异步请求(重渲染DOM元素时,如何自动调用并执行JS自定义函数[含代码])- 案例篇 效果截图: 重要代码: 附:全部HTML代码: Ajax异步请求(重渲染DOM元素时,如何自动调 ...

  4. pd_to_datetime将时间戳转换日期格式,日期不正确

    一.问题描述 笔者需要将时间戳数据转换成日期格式,使用的是pd_to_datetime进行转换,得到了如下图结果 data["date_"] = pd.to_datetime(da ...

  5. mysql时间戳格式转换日期格式字符串

    1.测试表表结构 CREATE TABLE `timestamp_string_change` (`id` int NOT NULL AUTO_INCREMENT,`up_time` timestam ...

  6. js 时间戳转换成时间_JavaScript 时间戳转成日期格式

    我们在开发中经常需要把时间戳转化成日期格式,但 JavaScript 本身自带的 Date 方法并不像 PHP date 的那么强大.因此,我们就需要自己动手写一个方法. 首先我们要先了解下需要用到的 ...

  7. swiper6.0改造 “翻页按钮”:自定义style样式和position - 案例篇

    文章目录 swiper6.0改造 "翻页按钮":自定义style样式和position(含效果图.代码.使用手册) 需求场景 · 描述如下: 效果图 · gif 动画: 注意事项: ...

  8. mui 图片预览(自定义)功能 - 案例篇

    mui 图片预览(自定义)功能 - 案例篇 实现目标: 点击图片,弹出层遮盖,并放大显示刚才点击的图片: 图片对应的标题,也一并显示. 效果截图: 重要提示Tips: 使用前,务必设置图片的alt属性 ...

  9. (自定义组件)通用- X轴横向:溢出滚动 (含代码)- 案例篇

    (自定义组件)通用- X轴横向:溢出滚动 (含代码)- 案例篇 移动端和pc端通用 效果截图: 实例代码: <!DOCTYPE html> <html><head> ...

最新文章

  1. pip 无法卸载 pillow 解决方案 Not uninstalling pillow at /usr/lib/python3/dist-packages
  2. GAN独领风骚!盘点2021最惊艳38篇AI论文
  3. python项目实战:20行代码画一朵好看又有趣的小花花
  4. php获取表单信息的代码_php 表单数据的获取代码
  5. Leetcode 动态规划 Trapping Rain Water
  6. [BZOJ 1588] [HNOI 2002] 营业额统计
  7. 一些Web Service的经验
  8. 如何用firebug调试js
  9. linux shell的组成,理解Linux中子shell的概念
  10. 洛阳php编程培训,洛阳PHP开发培训分享提高PHP开发效率的四个编程习惯
  11. jquery控制左右箭头滚动图片列表
  12. 两种排序方法(直接判断)
  13. atitit.获取connection hibernate4
  14. 计算机网络:自顶向下(Top-Down)学习笔记_1.1
  15. 利用SolidWorks解决方案取得健身器材市场的领先地位!
  16. 魔兽争霸III背景渊源
  17. Express中间件
  18. 几何畸变的类型_几何畸变分为()和()。
  19. (java)跳台阶:一只青蛙一次可以跳上1级台阶,也可以跳上2级。求该青蛙跳上一个n级的台阶总共有多少种跳法(先后次序不同算不同的结果)。
  20. 程序员转行适合做什么?

热门文章

  1. mysql 日期和时间类型
  2. ubuntu安装vmware 64位
  3. RecyclerView 数据预取
  4. WSP (无线会话协议)
  5. 新手赛(2) 第五题 因素和问题
  6. java开发中jdbc连接数据 库的操作代码
  7. Oracle 从入门到精通视频教程(11G版本)
  8. 背板,线速,交换容量详细解说
  9. linux 流函数,标准IO函数库 - 二进制文件IO,流定位,创建临时文件和内存流
  10. 每日总结app_每日复盘不会写,怎么办?送你一份每日复盘总结模板