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

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 实现的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。