加入 Unix 时间戳转换工具（未完成）

2019-09-28 23:48:17 +08:00
parent a99fdb2e7a
commit bae3c03946
5 changed files with 241 additions and 40 deletions
--- a/docs/css/tool.css
+++ b/docs/css/tool.css
@@ -68,6 +68,7 @@ body {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
+    user-select: none;
 }

 .main > div input:focus {
@@ -104,6 +105,40 @@ body {
    background-color: #2196F3;
 }

+/* Unix 时间戳转换 */
+
+#tool-unixtime > div {
+    user-select: none;
+}
+
+#tool-unixtime > div > span {
+    display: inline-block;
+    width: 100px;
+    text-align: right;
+    font-size: 14px;
+    font-weight: bold;
+}
+
+#tool-unixtime > p {
+    text-align: center;
+    font-size: 16px;
+    font-weight: bold;
+}
+
+#tool-unixtime input[type="text"] {
+    width: 160px;
+    border: 1px solid #03A9F4;
+    font-size: 14px;
+}
+
+#tool-unixtime label {
+    font-size: 14px;
+}
+
+#tool-unixtime .tool-button {
+    margin: 5px 5px 2px 0;
+}
+
 /* 导航 */

 .tool-nav ul li {
@@ -135,28 +170,28 @@ body {

 /* 计算 */

-.tool-calculate textarea {
+#tool-calculate textarea {
    resize: vertical;
    font-size: 16px;
 }

-.tool-calculate-tofixed {
+#tool-calculate-tofixed {
    width: 20px;
    font-size: 14px;
 }

-.tool-calculate .tool-button {
+#tool-calculate .tool-button {
    margin: 5px 5px 2px 0;
 }

 /* 生成批量下载链接 */

-.tool-genlink hr {
+#tool-genlink hr {
    height: 0;
    border: 0.5px solid #EEE;
 }

-.tool-genlink-link input {
+#tool-genlink-link input {
    margin-bottom: 10px;
    padding: 0 2px;
    height: 20px;
@@ -164,38 +199,38 @@ body {
    border: 1px solid #03A9F4;
 }

-.tool-genlink-settings {
+#tool-genlink-settings {
    user-select: none;
    font-size: 14px;
 }

-.tool-genlink-settings > div {
+#tool-genlink-settings > div {
    margin: 5px 0;
 }

-.tool-genlink-settings input[type="text"] {
+#tool-genlink-settings input[type="text"] {
    width: 25px;
    font-size: 14px;
 }

-.tool-genlink .tool-button {
+#tool-genlink .tool-button {
    margin: 10px 5px 10px 0;
 }

-.tool-genlink textarea {
+#tool-genlink textarea {
    resize: vertical;
    font-size: 14px;
 }

 /* 运行 JavaScript */

-.tool-runjs textarea {
+#tool-runjs textarea {
    resize: vertical;
    font-family: monospace;
    font-size: 14px;
 }

-.tool-runjs .tool-button {
+#tool-runjs .tool-button {
    margin: 5px 5px 0 0;
 }

--- a/docs/index.html
+++ b/docs/index.html
@@ -376,6 +376,7 @@
                                    <li><a href="https://map.qq.com/">腾讯地图</a></li>
                                    <li><a href="https://cn.bing.com/maps">Bing 地图</a></li>
                                    <li><a href="http://www.edushi.com/">E都市三维地图</a></li>
+                                    <li><a href="https://www.osgeo.cn/">OSGeo中国中心 - 地理空间数据共享</a></li>
                                </ul>
                            </li>
                            <li>
@@ -659,6 +660,7 @@
                            <li><a href="https://www.host199.com/">悍铭数据中心</a></li>
                            <li><a href="https://cloud.tencent.com/">腾讯云</a></li>
                            <li><a href="https://www.cloudflare.com/">Cloudflare</a></li>
+                            <li><a href="http://www.mmtrix.com/">mmTrix - 云应用性能管理（APM）解决方案</a></li>
                            <li><a href="https://www.nodecache.com/">Nodecache</a></li>
                            <li><a href="https://vultr.com/">Vultr</a></li>
                        </ul>
@@ -1019,7 +1021,8 @@
                                <ul>
                                    <li><a href="https://highlightjs.org/">highlight.js</a></li>
                                    <li><a href="https://jquery.com/">jQuery</a></li>
-                                    <li><a href="http://threejs.org/examples/">three.js</a></li>
+                                    <li><a href="https://leafletjs.com/">Leaflet - 可交互的地图</a></li>
+                                    <li><a href="http://threejs.org/">three.js – JavaScript 3D library</a></li>
                                </ul>
                            </li>
                            <li>
@@ -1032,6 +1035,7 @@
                            <li><a href="https://www.bootcss.com/">Bootstrap 中文网</a></li>
                            <li><a href="http://layer.layui.com/">layer</a></li>
                            <li><a href="https://lnmp.org/">LNMP 一键安装包</a></li>
+                            <li><a href="https://www.lsky.pro/">Lsky Pro - 图床</a></li>
                            <li><a href="http://www.directorylister.com/">PHP Directory Lister</a></li>
                            <li><a href="http://www.webmin.com/">Webmin</a></li>
                            <li><a href="https://www.dokuwiki.org/">DokuWiki</a></li>
--- a/docs/js/tool.js
+++ b/docs/js/tool.js
@@ -1,15 +1,118 @@
+/* --------------- */
+/* Unix 时间戳转换 */
+/* --------------- */
+
+// 函数：获取时间戳 //
+function toolUnixTimeGetNowA(TimeSet, SettingBA, SettingBB) {
+    var Time = new Date();               // 创建 Date 对象
+    // 若已设定参数 TimeSet，则根据 TimeSet 设置时间 //
+    if (TimeSet != '') {
+        Time.setFullYear(TimeSet.substring(0, 4));  // TimeSet 的子串：年
+        Time.setMonth(TimeSet.substring(5, 7) - 1); // TimeSet 的子串：月
+        Time.setDate(TimeSet.substring(8, 10));     // TimeSet 的子串：日
+        Time.setHours(TimeSet.substring(11, 13));   // TimeSet 的子串：时
+        Time.setMinutes(TimeSet.substring(14, 16)); // TimeSet 的子串：分
+        Time.setSeconds(TimeSet.substring(17, 19)); // TimeSet 的子串：秒
+        // console.log(Time)
+    }
+    if (TimeSet != '' && SettingBA == true && SettingBB == false) {
+        // 模式：秒 //
+        var TextLength = Time.getTime().toString().length;
+        return Time.getTime().toString().substring(0, TextLength - 3);         // 返回时间戳
+    } else if (TimeSet != '' && SettingBA == false && SettingBB == true) {
+        // 模式：毫秒 //
+        var TextLength = Time.getTime().toString().length;
+        return Time.getTime().toString().substring(0, TextLength - 3) + "000"; // 返回时间戳
+    } else {
+        return Time.getTime(); // 返回时间戳
+    }
+}
+
+// 函数：获取时间 //
+function toolUnixTimeGetNowB(TimeSet) {
+    var Time = new Date();               // 创建 Date 对象
+    // 若已设定参数 TimeSet，则根据 TimeSet 设置时间 //
+    if (TimeSet != '') {
+        Time.setTime(TimeSet);
+    }
+    var TimeYear = Time.getFullYear();   // 年
+    var TimeMonth = Time.getMonth() + 1; // 月
+    // 补零 //
+    if (TimeMonth.toString().length == 1) {
+        TimeMonth = "0" + TimeMonth;
+    }
+    var TimeDate = Time.getDate();       // 日
+    // 补零 //
+    if (TimeDate.toString().length == 1) {
+        TimeDate = "0" + TimeDate;
+    }
+    var TimeHour = Time.getHours();      // 时
+    // 补零 //
+    if (TimeHour.toString().length == 1) {
+        TimeHour = "0" + TimeHour;
+    }
+    var TimeMinute = Time.getMinutes();  // 分
+    // 补零 //
+    if (TimeMinute.toString().length == 1) {
+        TimeMinute = "0" + TimeMinute;
+    }
+    var TimeSecond = Time.getSeconds();  // 秒
+    // 补零 //
+    if (TimeSecond.toString().length == 1) {
+        TimeSecond = "0" + TimeSecond;
+    }
+    // 返回：年-月-日 时:分:秒 //
+    return TimeYear + "-" + TimeMonth + "-" + TimeDate + " " + TimeHour + ":" + TimeMinute + ":" + TimeSecond;
+}
+
+// 按钮：当前 //
+function toolUnixTimeNow() {
+    var GetInputA = document.getElementById("tool-unixtime-input-a").getElementsByTagName("input")[0];   // 输入框 A
+    var GetInputB = document.getElementById("tool-unixtime-input-b").getElementsByTagName("input")[0];   // 输入框 B
+    var GetSettingAA = document.getElementById("unixtime-setting-aa").checked;                           // A 模式：秒
+    var GetSettingAB = document.getElementById("unixtime-setting-ab").checked;                           // A 模式：毫秒
+    var GetSettingBA = document.getElementById("unixtime-setting-ba").checked;                           // B 模式：秒
+    var GetSettingBB = document.getElementById("unixtime-setting-bb").checked;                           // B 模式：毫秒
+    // 调用函数，获取时间 //
+    GetInputA.value = toolUnixTimeGetNowA('', GetSettingAA, GetSettingAB); // 时间戳
+    GetInputB.value = toolUnixTimeGetNowB('', GetSettingBA, GetSettingBB); // 时间
+}
+
+// 按钮：转换 //
+function toolUnixTimeSubmit() {
+    var GetInputA = document.getElementById("tool-unixtime-input-a").getElementsByTagName("input")[0];   // 输入框 A
+    var GetInputB = document.getElementById("tool-unixtime-input-b").getElementsByTagName("input")[0];   // 输入框 B
+    var GetOutputA = document.getElementById("tool-unixtime-output-a").getElementsByTagName("input")[0]; // 输出框 A
+    var GetOutputB = document.getElementById("tool-unixtime-output-b").getElementsByTagName("input")[0]; // 输出框 B
+    var GetSettingAA = document.getElementById("unixtime-setting-aa").checked;                     // A 模式：秒
+    var GetSettingAB = document.getElementById("unixtime-setting-ab").checked;                     // A 模式：毫秒
+    var GetSettingBA = document.getElementById("unixtime-setting-ba").checked;                     // B 模式：秒
+    var GetSettingBB = document.getElementById("unixtime-setting-bb").checked;                     // B 模式：毫秒
+    // 调用函数，转换时间 //
+    GetOutputA.value = toolUnixTimeGetNowB(GetInputA.value, GetSettingAA, GetSettingAB);           // 转换为时间
+    GetOutputB.value = toolUnixTimeGetNowA(GetInputB.value, GetSettingBA, GetSettingBB);           // 转换为时间戳
+}
+
+// 按钮：重置 //
+function toolUnixTimeClear() {
+    document.getElementById("tool-unixtime-input-a").getElementsByTagName("input")[0].value = '';  // 清空输入框 A
+    document.getElementById("tool-unixtime-input-b").getElementsByTagName("input")[0].value = '';  // 清空输入框 B
+    document.getElementById("tool-unixtime-output-a").getElementsByTagName("input")[0].value = ''; // 清空输出框 A
+    document.getElementById("tool-unixtime-output-b").getElementsByTagName("input")[0].value = ''; // 清空输出框 B
+}
+
 /* ---- */
 /* 计算 */
 /* ---- */

 function toolCalculateSubmit() {
-    GetInput = document.getElementById("tool-calculate-input");                // 算式输入框
-    GetToFixed = document.getElementsByClassName("tool-calculate-tofixed")[0]; // 保留小数点后的位数
-    GetResult = document.getElementsByClassName("tool-calculate-result")[0].getElementsByTagName("span")[0]; // 结果
-    GetCal = GetInput.value;                    // 获取输入的算式
-    GetCal = GetCal.replace(/π/g, "Math.PI");  // 替换（圆周率，Math.PI）
-    GetCal = GetCal.replace(/幂/g, "Math.pow"); // 替换（乘方运算，Math.pow）
-    GetCal = GetCal.replace(/平方根/g, "Math.sqrt"); // 替换（乘方运算，Math.pow）
+    GetInput = document.getElementById("tool-calculate-input");     // 算式输入框
+    GetToFixed = document.getElementById("tool-calculate-tofixed"); // 保留小数点后的位数
+    GetResult = document.getElementById("tool-calculate-result").getElementsByTagName("span")[0]; // 结果
+    GetCal = GetInput.value;                                        // 获取输入的算式
+    GetCal = GetCal.replace(/π/g, "Math.PI");                      // 替换（圆周率，Math.PI）
+    GetCal = GetCal.replace(/幂/g, "Math.pow");                     // 替换（乘方运算，Math.pow）
+    GetCal = GetCal.replace(/平方根/g, "Math.sqrt");                // 替换（乘方运算，Math.pow）
    // 运行 //
    if (GetToFixed.value >= 0 && GetToFixed.value <= 16) {
        GetResult.innerText = eval(GetCal).toFixed(GetToFixed.value);
@@ -19,9 +122,9 @@ function toolCalculateSubmit() {
 }

 function toolCalculateClear() {
-    GetInput = document.getElementById("tool-calculate-input"); // 算式输入框
-    GetInput.value = '';                                        // 清空“输入框”和“结果”
-    GetResult.innerText = '';                                   // 清空“结果”
+    GetInput = document.getElementById("tool-calculate-input");     // 算式输入框
+    GetInput.value = '';                                            // 清空“输入框”和“结果”
+    GetResult.innerText = '';                                       // 清空“结果”
 }

 /* ---------------- */
@@ -30,12 +133,12 @@ function toolCalculateClear() {

 function toolGenLinkSubmit() {
    var VarText = "(*)"; // 变量表示
-    var BaseLink = document.getElementsByClassName("tool-genlink-link")[0].getElementsByTagName("input")[0].value; // 网址
-    var GetSettingType = document.getElementsByName("genlink-settings"); // 批量变化类型
+    var BaseLink = document.getElementById("tool-genlink-link").getElementsByTagName("input")[0].value; // 网址
+    var GetSettingType = document.getElementsByName("genlink-settings");                                // 批量变化类型
    // 设定 //
-    var GetSettingA = document.getElementsByClassName("genlink-settings-a")[0].getElementsByTagName("input"); // 等差数列
-    var GetSettingB = document.getElementsByClassName("genlink-settings-b")[0].getElementsByTagName("input"); // 等比数列
-    var GetSettingC = document.getElementsByClassName("genlink-settings-c")[0].getElementsByTagName("input"); // 字母变化
+    var GetSettingA = document.getElementById("tool-genlink-settings-a").getElementsByTagName("input"); // 等差数列
+    var GetSettingB = document.getElementById("tool-genlink-settings-b").getElementsByTagName("input"); // 等比数列
+    var GetSettingC = document.getElementById("tool-genlink-settings-c").getElementsByTagName("input"); // 字母变化
    // 结果 //
    var GetResult = document.getElementById("tool-genlink-result");
    var LinkReplace = '';
--- a/docs/js/tool.min.js
+++ b/docs/js/tool.min.js
@@ -1,6 +1,18 @@
-function toolCalculateSubmit(){GetInput=document.getElementById("tool-calculate-input");GetToFixed=document.getElementsByClassName("tool-calculate-tofixed")[0];GetResult=document.getElementsByClassName("tool-calculate-result")[0].getElementsByTagName("span")[0];GetCal=GetInput.value;GetCal=GetCal.replace(/π/g,"Math.PI");GetCal=GetCal.replace(/幂/g,"Math.pow");GetCal=GetCal.replace(/平方根/g,"Math.sqrt");if(GetToFixed.value>=0&&GetToFixed.value<=16){GetResult.innerText=eval(GetCal).toFixed(GetToFixed.value);}else{GetResult.innerText="保留位数有误（0 ~ 16 之间）";}}
+function toolUnixTimeGetNowA(TimeSet,SettingBA,SettingBB){var Time=new Date();if(TimeSet!=''){Time.setFullYear(TimeSet.substring(0,4));Time.setMonth(TimeSet.substring(5,7)-1);Time.setDate(TimeSet.substring(8,10));Time.setHours(TimeSet.substring(11,13));Time.setMinutes(TimeSet.substring(14,16));Time.setSeconds(TimeSet.substring(17,19));}
+if(TimeSet!=''&&SettingBA==true&&SettingBB==false){var TextLength=Time.getTime().toString().length;return Time.getTime().toString().substring(0,TextLength-3);}else if(TimeSet!=''&&SettingBA==false&&SettingBB==true){var TextLength=Time.getTime().toString().length;return Time.getTime().toString().substring(0,TextLength-3)+"000";}else{return Time.getTime();}}
+function toolUnixTimeGetNowB(TimeSet){var Time=new Date();if(TimeSet!=''){Time.setTime(TimeSet);}
+var TimeYear=Time.getFullYear();var TimeMonth=Time.getMonth()+1;if(TimeMonth.toString().length==1){TimeMonth="0"+TimeMonth;}
+var TimeDate=Time.getDate();if(TimeDate.toString().length==1){TimeDate="0"+TimeDate;}
+var TimeHour=Time.getHours();if(TimeHour.toString().length==1){TimeHour="0"+TimeHour;}
+var TimeMinute=Time.getMinutes();if(TimeMinute.toString().length==1){TimeMinute="0"+TimeMinute;}
+var TimeSecond=Time.getSeconds();if(TimeSecond.toString().length==1){TimeSecond="0"+TimeSecond;}
+return TimeYear+"-"+TimeMonth+"-"+TimeDate+" "+TimeHour+":"+TimeMinute+":"+TimeSecond;}
+function toolUnixTimeNow(){var GetInputA=document.getElementById("tool-unixtime-input-a").getElementsByTagName("input")[0];var GetInputB=document.getElementById("tool-unixtime-input-b").getElementsByTagName("input")[0];var GetSettingAA=document.getElementById("unixtime-setting-aa").checked;var GetSettingAB=document.getElementById("unixtime-setting-ab").checked;var GetSettingBA=document.getElementById("unixtime-setting-ba").checked;var GetSettingBB=document.getElementById("unixtime-setting-bb").checked;GetInputA.value=toolUnixTimeGetNowA('',GetSettingAA,GetSettingAB);GetInputB.value=toolUnixTimeGetNowB('',GetSettingBA,GetSettingBB);}
+function toolUnixTimeSubmit(){var GetInputA=document.getElementById("tool-unixtime-input-a").getElementsByTagName("input")[0];var GetInputB=document.getElementById("tool-unixtime-input-b").getElementsByTagName("input")[0];var GetOutputA=document.getElementById("tool-unixtime-output-a").getElementsByTagName("input")[0];var GetOutputB=document.getElementById("tool-unixtime-output-b").getElementsByTagName("input")[0];var GetSettingAA=document.getElementById("unixtime-setting-aa").checked;var GetSettingAB=document.getElementById("unixtime-setting-ab").checked;var GetSettingBA=document.getElementById("unixtime-setting-ba").checked;var GetSettingBB=document.getElementById("unixtime-setting-bb").checked;GetOutputA.value=toolUnixTimeGetNowB(GetInputA.value,GetSettingAA,GetSettingAB);GetOutputB.value=toolUnixTimeGetNowA(GetInputB.value,GetSettingBA,GetSettingBB);}
+function toolUnixTimeClear(){document.getElementById("tool-unixtime-input-a").getElementsByTagName("input")[0].value='';document.getElementById("tool-unixtime-input-b").getElementsByTagName("input")[0].value='';document.getElementById("tool-unixtime-output-a").getElementsByTagName("input")[0].value='';document.getElementById("tool-unixtime-output-b").getElementsByTagName("input")[0].value='';}
+function toolCalculateSubmit(){GetInput=document.getElementById("tool-calculate-input");GetToFixed=document.getElementById("tool-calculate-tofixed");GetResult=document.getElementById("tool-calculate-result").getElementsByTagName("span")[0];GetCal=GetInput.value;GetCal=GetCal.replace(/π/g,"Math.PI");GetCal=GetCal.replace(/幂/g,"Math.pow");GetCal=GetCal.replace(/平方根/g,"Math.sqrt");if(GetToFixed.value>=0&&GetToFixed.value<=16){GetResult.innerText=eval(GetCal).toFixed(GetToFixed.value);}else{GetResult.innerText="保留位数有误（0 ~ 16 之间）";}}
 function toolCalculateClear(){GetInput=document.getElementById("tool-calculate-input");GetInput.value='';GetResult.innerText='';}
-function toolGenLinkSubmit(){var VarText="(*)";var BaseLink=document.getElementsByClassName("tool-genlink-link")[0].getElementsByTagName("input")[0].value;var GetSettingType=document.getElementsByName("genlink-settings");var GetSettingA=document.getElementsByClassName("genlink-settings-a")[0].getElementsByTagName("input");var GetSettingB=document.getElementsByClassName("genlink-settings-b")[0].getElementsByTagName("input");var GetSettingC=document.getElementsByClassName("genlink-settings-c")[0].getElementsByTagName("input");var GetResult=document.getElementById("tool-genlink-result");var LinkReplace='';var LinkResult='';function AddZero(){if(NumLength<NumLastLength){var ZeroMax=NumLastLength-NumLength;for(let i=1;i<=ZeroMax;i++){Num="0"+Num;}}}
+function toolGenLinkSubmit(){var VarText="(*)";var BaseLink=document.getElementById("tool-genlink-link").getElementsByTagName("input")[0].value;var GetSettingType=document.getElementsByName("genlink-settings");var GetSettingA=document.getElementById("tool-genlink-settings-a").getElementsByTagName("input");var GetSettingB=document.getElementById("tool-genlink-settings-b").getElementsByTagName("input");var GetSettingC=document.getElementById("tool-genlink-settings-c").getElementsByTagName("input");var GetResult=document.getElementById("tool-genlink-result");var LinkReplace='';var LinkResult='';function AddZero(){if(NumLength<NumLastLength){var ZeroMax=NumLastLength-NumLength;for(let i=1;i<=ZeroMax;i++){Num="0"+Num;}}}
 function CheckReverse(){LinkReplace=BaseLink.replace(VarText,Num);if(GetReverse==false){LinkResult=LinkResult+LinkReplace+"\n";}else if(GetReverse==true){LinkResult=LinkReplace+"\n"+LinkResult;}}
 if(GetSettingType[0].checked==true){var GetFirst=parseInt(GetSettingA[1].value);var GetLength=parseInt(GetSettingA[2].value);var GetDiff=parseInt(GetSettingA[3].value);var GetZero=GetSettingA[4].checked;var GetReverse=GetSettingA[5].checked;if(GetZero==true){var Num;var NumLength;var NumLast=GetFirst+(GetLength-1)*GetDiff;var NumLastLength=NumLast.toString().length;for(var i=1;i<=GetLength;i++){Num=GetFirst+(i-1)*GetDiff;NumLength=Num.toString().length;AddZero();CheckReverse();}}else if(GetZero==false){var Num;for(var i=1;i<=GetLength;i++){Num=GetFirst+(i-1)*GetDiff;CheckReverse();}}}else if(GetSettingType[1].checked==true){var GetFirst=parseInt(GetSettingB[1].value);var GetLength=parseInt(GetSettingB[2].value);var GetDiff=parseInt(GetSettingB[3].value);var GetZero=GetSettingB[4].checked;var GetReverse=GetSettingB[5].checked;if(GetZero==true){var Num;var NumLength;var NumLast=GetFirst*Math.pow(GetDiff,(GetLength-1));var NumLastLength=NumLast.toString().length;for(var i=1;i<=GetLength;i++){Num=GetFirst*Math.pow(GetDiff,(i-1));NumLength=Num.toString().length;AddZero();CheckReverse();}}else if(GetZero==false){var Num;for(var i=1;i<=GetLength;i++){Num=GetFirst*Math.pow(GetDiff,(i-1));CheckReverse();}}}else if(GetSettingType[2].checked==true){var GetFirst=GetSettingC[1].value.charCodeAt(0);var GetLast=GetSettingC[2].value.charCodeAt(0);var GetReverse=GetSettingC[3].checked;if(GetFirst>=65&&GetFirst<=122&&GetLast>=65&&GetLast<=122){if(GetFirst<GetLast){for(var i=GetFirst;i<=GetLast;i++){if(i>=91&&i<=96){continue;}
 Num=String.fromCharCode(i);CheckReverse();}}else if(GetFirst>GetLast){GetResult.placeholder="字母先后顺序有误。\n请按此顺序填写：\nA - Z a - z\n例如：\n从 a 到 d\n从 A 到 D\n从 X 到 g";}else if(GetFirst==GetLast){GetResult.placeholder="仅有 1 条链接，无需生成。";}else{GetResult.placeholder="异常。";}}else{GetResult.placeholder="超出范围。";}}else{GetResult.placeholder="类型选择有误";}
--- a/docs/tool.html
+++ b/docs/tool.html
@@ -15,30 +15,77 @@
            <header>导航</header>
            <div class="tool-nav-link">
                <ul>
+                	<li><a href="#tool-unixtime">Unix 时间戳转换</a></li>
                	<li><a href="#tool-calculate">简易计算</a></li>
                	<li><a href="#tool-genlink">生成批量下载链接</a></li>
                	<li><a href="#tool-runjs">运行 JavaScript</a></li>
                </ul>
            </div>
        </div>
+        <!-- Unix 时间戳转换 -->
+        <div id="tool-unixtime">
+            <header>Unix 时间戳转换（未完成）</header>
+            <!-- 时间戳转换为时间 -->
+            <p><marquee behavior="alternate" direction="right">时间戳转换为时间</marquee></p>
+            <!-- 输入框 -->
+            <div id="tool-unixtime-input-a">
+                <span>Unix 时间戳：</span><input type="text" />
+            </div>
+            <!-- 输出框 -->
+            <div id="tool-unixtime-output-a">
+                <span>时间：</span><input type="text" readonly />
+            </div>
+            <!-- 模式 -->
+            <div class="tool-unixtime-setting-a">
+                <span>模式：</span>
+                <input type="radio" name="unixtime-setting-a" id="unixtime-setting-aa" />
+                <label for="unixtime-setting-aa">秒(s)</label>
+                <input type="radio" name="unixtime-setting-a" id="unixtime-setting-ab" checked />
+                <label for="unixtime-setting-ab">毫秒(ms)</label>
+            </div>
+            <hr />
+            <!-- 时间转换为时间戳 -->
+            <p><marquee behavior="alternate" direction="right">时间转换为时间戳</marquee></p>
+            <!-- 输入框 -->
+            <div id="tool-unixtime-input-b">
+                <span>时间：</span><input type="text" />
+            </div>
+            <!-- 输出框 -->
+            <div id="tool-unixtime-output-b">
+                <span>Unix 时间戳：</span><input type="text" readonly />
+            </div>
+            <!-- 模式 -->
+            <div class="tool-unixtime-setting-b">
+                <span>模式：</span>
+                <input type="radio" name="unixtime-setting-b" id="unixtime-setting-ba" checked />
+                <label for="unixtime-setting-ba">秒(s)</label>
+                <input type="radio" name="unixtime-setting-b" id="unixtime-setting-bb" />
+                <label for="unixtime-setting-bb">毫秒(ms)</label>
+            </div>
+            <hr />
+            <!-- 按钮 -->
+            <div class="tool-button" onclick="toolUnixTimeNow()">当前</div>
+            <div class="tool-button" onclick="toolUnixTimeSubmit()">转换</div>
+            <div class="tool-button" onclick="toolUnixTimeClear()">重置</div>
+        </div>
        <!-- 简易计算 -->
-        <div id="tool-calculate" class="tool-calculate">
+        <div id="tool-calculate">
            <header>简易计算</header>
            <textarea id="tool-calculate-input" rows="6" placeholder="请输入算式（请使用“半角”符号）&#10;加：+ 减：- 乘：* 除：/&#10;多层括号：仅需使用 ()&#10;乘方运算：幂(底数, 指数)&#10;平方根：平方根(数值或算式)"></textarea>
-            <div>保留小数点后 <input class="tool-calculate-tofixed" type="text" title="0 ~ 16 之间（默认：4）" value="4" /> 位数</div>
-            <div class="tool-calculate-result">结果：<span></span></div>
+            <div>保留小数点后 <input id="tool-calculate-tofixed" type="text" title="0 ~ 16 之间（默认：4）" value="4" /> 位数</div>
+            <div id="tool-calculate-result">结果：<span></span></div>
            <div class="tool-button" onclick="toolCalculateSubmit()">计算</div>
            <div class="tool-button" onclick="toolCalculateClear()">清空</div>
        </div>
        <!-- 生成批量下载链接 -->
-        <div id="tool-genlink" class="tool-genlink">
+        <div id="tool-genlink">
            <header>生成批量下载链接</header>
-            <div class="tool-genlink-link">
+            <div id="tool-genlink-link">
                <b>网址：</b><input type="text" placeholder="变量用 (*) 表示" />
            </div>
            <hr />
-            <div class="tool-genlink-settings">
-                <div class="genlink-settings-a">
+            <div id="tool-genlink-settings">
+                <div id="tool-genlink-settings-a">
                    <input type="radio" name="genlink-settings" id="genlink-settings-a" checked />
                    <label for="genlink-settings-a">等差数列</label>
                    首项：<input type="text" value="1" />
@@ -50,7 +97,7 @@
                    <label for="genlink-settings-a-reverse">倒序</label>
                </div>
                <hr />
-                <div class="genlink-settings-b">
+                <div id="tool-genlink-settings-b">
                    <input type="radio" name="genlink-settings" id="genlink-settings-b" />
                    <label for="genlink-settings-b">等比数列</label>
                    首项：<input type="text" value="1" />
@@ -62,7 +109,7 @@
                    <label for="genlink-settings-b-reverse">倒序</label>
                </div>
                <hr />
-                <div class="genlink-settings-c">
+                <div id="tool-genlink-settings-c">
                    <input type="radio" name="genlink-settings" id="genlink-settings-c" />
                    <label for="genlink-settings-c">字母变化</label>
                    从：<input type="text" value="a" maxlength="1" />
@@ -77,7 +124,7 @@
            <textarea id="tool-genlink-result" rows="8" placeholder="结果"></textarea>
        </div>
        <!-- 运行 JavaScript -->
-        <div id="tool-runjs" class="tool-runjs">
+        <div id="tool-runjs">
            <header>运行 JavaScript</header>
            <textarea id="tool-runjs-input" rows="6" placeholder="请输入 JavaScript 代码"></textarea>
            <div class="tool-button" onclick="toolRunJSSubmit()">运行</div>