在线时间戳转换工具，纯JS 实现

先看效果吧，本人也一直在用，自己写的！需要用到的小伙伴可以收藏

html

  <form class="form-horizontal"><div class="form-group"><label class="col-sm-2 control-label">当前时间戳：</label><div class="col-sm-2"><p style="display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;">{{ time }}</p></div><div class="col-sm-7"><a v-bind:class="class_tag" @click="status_timestamp" role="button">{{ text }}</a><a class="btn btn-success" href="javascript:history.go(0);"> 刷新页面</a></div></div><div class="form-group"><label class="col-sm-2 control-label">格式化时间戳：</label><div class="col-sm-3"><input type="text" class="form-control" v-model="value_one"></div><div class="col-sm-1"><a class="btn btn-info" @click="formate">转换</a></div><div class="col-sm-3"><input type="text" class="form-control" v-model="value_one_fmt"></div></div><div class="form-group"><label class="col-sm-2 control-label">时间转换成时间戳：</label><div class="col-sm-3"><input type="text" class="form-control" v-model="value_two"></div><div class="col-sm-1"><a class="btn btn-info" @click="formate_string_data">转换</a></div><div class="col-sm-3"><input type="text" class="form-control" v-model="value_two_fmt"></div></div></form>

JS部分

    <script>function get_timestamp() {var timestamp = Date.parse(new Date()).toString();timestamp = timestamp.substr(0, 10);return timestamp;}var t = false, old_time = get_timestamp();var vm = new Vue({el: "#form",data: {time: old_time,class_tag: "btn-danger btn",text: "暂停",value_one: old_time,value_one_fmt: "",value_two: fmt_date_time(old_time, 's'),value_two_fmt: "",array: null}, methods: {status_timestamp: function () {if (t != false) {clearTimeout(t);t = false;this.$data.class_tag = "btn-success btn";this.$data.text = "开始";} else {set_timestamp();this.$data.text = "暂停";this.$data.class_tag = "btn-danger btn";}},formate: function () {this.$data.value_one_fmt = fmt_date_time(this.$data.value_one, 's');},formate_string_data: function () {var date = new Date(this.$data.value_two.replace(/-/g, '/'));var time = date.getTime();var timestamp = time / 1000;this.$data.value_two_fmt = timestamp;},close_ad: function () {layer.confirm('确定要关闭吗?<br/>关闭后将一天不可见！', {icon: 7, title: '提示'}, function (index) {Cookies.set('close_ad', 'close', {expires: 1, path: ''});$("#close_ad").parent().parent().hide();layer.close(index);});}}, created: function () {var _that = this;axios.post('/index/advertisement/getad.html').then(function (response) {//console.log(response)if (response.data.state == 200) {_that.array = response.data.data;// console.log(_that.array)}}).catch(function (error) { // 请求失败处理console.log(error);});}});set_timestamp();// 改变时间戳的值function set_timestamp() {var timestamp = get_timestamp();vm.$data.time = timestamp;t = setTimeout(set_timestamp, 1000);}// 时间戳转换成function fmt_date_time(time, select_type) {var date = new Date();date.setTime(time * 1000);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 fmtString = '';switch (select_type) {case 'day':fmtString = y + '-' + m + '-' + d;break;case 'h':fmtString = y + '-' + m + '-' + d + ' ' + h;break;case 'm':fmtString = y + '-' + m + '-' + d + ' ' + h + ':' + minute;break;case 's':fmtString = y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second;break;default:break;}return fmtString;}</script>细节上自己优化，当然也可以看看我的在线体验地址，F12 查看源代码，前端页面我自己基于bootstarp 写的，搭建也可以自己优化。

在线地址

在线时间戳转换工具，纯JS 实现相关推荐

获取当前时间戳-在线时间戳转换工具
常用语言获取当前时间戳 Swift NSDate().timeIntervalSince1970 Go import ("time")int32(time.Now().Unix() ...
在线时间戳转换工具的坑-同样的时间戳转为北京时间，转换结果受本机时区设置的影响...
背景前不久在写一个时间戳转化方法时偶然发现了,一些在线转化时间戳网站存在一些问题,即同样的时间戳都转为北京时间,转换结果受本机时区设置的影响. 比如当前时间戳为:1665803160000 对应的 ...
时间戳转换工具java_时间戳转换_时间戳转换工具_时间戳转换成时间日期_55查询...
时间戳转换工具支持的时间格式 2021-03-02 2021年03月02日 2021-03-02 07:29:08 2021年03月02日 07:29:08 2021年03月02日 07点29分08秒 ...
mysql时间和时间戳转换工具_时间戳转换工具
时间戳转换工具支持的时间格式 2021-02-03 2021年2月03日 2021-02-03 09:18:17 2021年2月03日 09:18:17 2021年2月03日 09点18分17秒只输 ...
最好的在线PDF转换工具服务
工作中有时候会碰到需要转换PDF文件的情况,现在网上就要很多免费的在线工具,可以进行PDF文件的转换,下面就来介绍一些可以直接在浏览器中将文档.电子表格.和图片转换为PDF或者互相转换的服务工具. 原 ...
这 6 款在线 PDF 转换工具，得试试
读者提问: 免费好用的在线 PDF 转换工具有推荐的吗 ? 阿常回答: 有,这 6 款在线 PDF 转换工具,免费实用,快来试试吧! 1.pdftoword(支持 PDF 与 Word.TXT.图片. ...
强大免费的在线格式转换工具，三步轻松完成。
大家平时工作中会遇到各种不同类型的文件,文件格式转换是经常会进行的操作,但格式转换软件下载太麻烦,还有可能会存在恶意捆绑软件的现象,安全性不高,今天和大家分享一个在线格式转换工具,电脑网页和手机端都可 ...
分享12款优秀的在线文件格式转换工具
在线的文件转换工具有很多,但是要找到一款好用的却不容易,所以今天这篇文章收集了12款优秀的在线文件格式转换工具,看看有没有适合您的需要的工具. iWebPrint 打印网页为PDF文件,可以定制打印尺 ...
10款方便的在线文件格式转换工具网站。
1.online-convert online-convert是一个十分优秀的在线格式转换应用,支持格式覆盖文档.图片.音频.视频.电子书.Flash以及一些不常见的格式.使用非常简单,你只需根据在 ...

在线时间戳转换工具，纯JS 实现

html

JS部分

在线时间戳转换工具，纯JS 实现相关推荐

最新文章

热门文章