时间戳转日期,日期装时间戳快速tempermonkey脚本

 使用 

1.安装chrome tempermonkey插件.
2.安装此脚本.
3.连续按t键3次, 调出时间戳转日期输入框,按回车转换,按esc退出.
4.连续按d键3次,调出日期转时间戳选择框,按回车转化,按esc退出.

// ==UserScript==
// @name         time-date-convertor
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  press [t/d] key three time then show [timestamp/date] convertor
// @author       arvim.lo <bigpao.luo@gmail.com>
// @require       http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js
// @match        http*://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    var timeTemplateEle = $('<div  style="display: inline; position: fixed; z-index:10000; right: 10px; top: 10px;"><input type="number" id="time-ipt" /><br/><span id="time-result"></span></div>');
    var dateTemplateEle = $('<div  style=" display: inline; position: fixed; z-index: 10000; right: 10px; top: 10px;"><input type="date" id="date-ipt" /><br/><span id="date-result"></span></div>');
    var bodyEle = $("body");
    var timeResultEle = $("#time-result", timeTemplateEle);
    var timeIptEle = $("#time-ipt", timeTemplateEle);
    var cssStyle =  {
        "font-size": "12px",
        "padding": " 5px",
        "color": "#555",
        "vertial-align": "middle",
        "border": "1px solid #ccc",
        "border-radius": "3px",
    };
    timeIptEle.css(cssStyle);

    var dateResultEle = $("#date-result", dateTemplateEle);
    var dateIptEle = $("#date-ipt", dateTemplateEle);
    dateIptEle.css(cssStyle);
    var keyCounter = new Map();

    /**
     * 响应t事件, 当t连续三次后, 调出输入框, 输入时间戳, 回车时间计算, esc键干掉
     */
    bodyEle.on("keyup", "#time-ipt", function (evt) {
        var timeIptEle = $(this);
        if (evt.keyCode == 13) {
            var value = timeIptEle.val();
            if ($.trim(value) === "") {
                alert(" Please Input Value ! ");
            } else {
                var dateObj = new Date(value * 1000);
                timeResultEle.html(dateObj.getFullYear() + '/' + (dateObj.getMonth() + 1) + '/' + dateObj.getDate() + ' ' + dateObj.getHours() + ':' + dateObj.getMinutes() + ':' + dateObj.getSeconds());
            }
        } else if (evt.keyCode == 27) {
            timeTemplateEle.remove();
        }
    });

    /**
     * 响应d事件, 当日期选择好后, 回车转换成时间JavaScript时间戳,esc键干掉
     */
    bodyEle.on("keyup", "#date-ipt", function (evt) {
        var dateIptEle = $(this);
        if (evt.keyCode == 13) {
            var value = dateIptEle.val();
            if ($.trim(value) === "") {
                alert(" Please Input Date ! ");
            } else {
                var dateObj = new Date(value);
                dateResultEle.html(dateObj.getTime());
                return;
            }
        } else if (evt.keyCode == 27) {
            dateTemplateEle.remove();
        }
    });

    /**
     * 响应 t,d事件, 当t,d连续三次, 调出时间,日期转input框
     */
    bodyEle.on("keyup", function (evt) {
        var keyCode = evt.keyCode,
        keyFlag = 'key-' + keyCode,
        keyCount = keyCounter.get(keyFlag) || 0;

        if (keyCode == 84) {
            keyCounter.set(keyFlag, ++keyCount);
            if (keyCount == 3) {
                bodyEle.prepend(timeTemplateEle);
                timeIptEle.focus();
                keyCounter.clear();
            }
        } else if (keyCode == 68) {
            keyCounter.set(keyFlag, ++keyCount);
            if (keyCount === 3) {
                bodyEle.prepend(dateTemplateEle);
                dateIptEle.focus();
                keyCounter.clear();
            }
        } else {
            keyCounter.clear();
        }
    });
})();

转载于:https://www.cnblogs.com/luowen/p/5389399.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值