167 lines
8.7 KiB
HTML
167 lines
8.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-cmn-Hans">
|
||
<head>
|
||
<meta charset="utf-8"/>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
|
||
<link rel="shortcut icon" href="favicon.ico"/>
|
||
<title>Frost 网址导航 - 小工具</title>
|
||
<link rel="stylesheet" href="css/tool.css"/>
|
||
</head>
|
||
<body>
|
||
<div class="main">
|
||
<!-- 索引 -->
|
||
<div class="tool-nav">
|
||
<header>索引</header>
|
||
<div class="tool-nav-link">
|
||
<ul>
|
||
<li><a href="index.html">主页</a></li>
|
||
<li><a href="#tool-unixtime">Unix 时间戳转换</a></li>
|
||
<li><a href="#tool-downloadtime">计算下载用时</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-downloadtime">
|
||
<header>计算下载用时（未完成）</header>
|
||
<!-- 输入 -->
|
||
<div id="tool-downloadtime-input">
|
||
<b>文件大小：</b><input type="text" /><br />
|
||
<b>下载速度：</b><input type="text" />
|
||
</div>
|
||
<!-- 结果 -->
|
||
<div id="tool-downloadtime-output">
|
||
<b>大约用时：</b><span>待计算</span>
|
||
</div>
|
||
<!-- 按钮 -->
|
||
<div class="tool-button" onclick="toolDownloadTimeSubmit()">计算</div>
|
||
<div class="tool-button" onclick="toolDownloadTimeClear()">重置</div>
|
||
<!-- 帮助 -->
|
||
<div id="tool-downloadtime-help">
|
||
<p><b>文件大小</b></p>
|
||
<p>数值 + 单位（B / KB / MB / GB / TB）</p>
|
||
<p>例如：2 KB、5.5 GB</p>
|
||
<p><b>下载速度（每秒）</b></p>
|
||
<p>数值 + 单位（B / KB / MB / GB / TB）</p>
|
||
<p>例如：2 KB、5.5 GB</p>
|
||
</div>
|
||
</div>
|
||
<!-- 简易计算 -->
|
||
<div id="tool-calculate">
|
||
<header>简易计算</header>
|
||
<textarea id="tool-calculate-input" rows="6" placeholder="请输入算式（请使用“半角”符号） 加：+ 减：- 乘：* 除：/ 多层括号：仅需使用 () 乘方运算：幂(底数, 指数) 平方根：平方根(数值或算式)"></textarea>
|
||
<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">
|
||
<header>生成批量下载链接</header>
|
||
<div id="tool-genlink-link">
|
||
<b>网址：</b><input type="text" placeholder="变量用 (*) 表示" />
|
||
</div>
|
||
<hr />
|
||
<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" />
|
||
项数：<input type="text" value="5" />
|
||
公差：<input type="text" value="1" /><br />
|
||
<input type="checkbox" name="genlink-settings-a-reverse" id="genlink-settings-a-zero" />
|
||
<label for="genlink-settings-a-zero">补0（暂不支持负数） </label>
|
||
<input type="checkbox" name="genlink-settings-a-reverse" id="genlink-settings-a-reverse" />
|
||
<label for="genlink-settings-a-reverse">倒序</label>
|
||
</div>
|
||
<hr />
|
||
<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" />
|
||
项数：<input type="text" value="5" />
|
||
公比：<input type="text" value="2" /><br />
|
||
<input type="checkbox" name="genlink-settings-b-reverse" id="genlink-settings-b-zero" />
|
||
<label for="genlink-settings-b-zero">补0（暂不支持负数） </label>
|
||
<input type="checkbox" name="genlink-settings-b-reverse" id="genlink-settings-b-reverse" />
|
||
<label for="genlink-settings-b-reverse">倒序</label>
|
||
</div>
|
||
<hr />
|
||
<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" />
|
||
到：<input type="text" value="z" maxlength="1" /><br />
|
||
<input type="checkbox" name="genlink-settings-c-reverse" id="genlink-settings-c-reverse" />
|
||
<label for="genlink-settings-c-reverse">倒序</label>
|
||
</div>
|
||
</div>
|
||
<hr />
|
||
<div class="tool-button" onclick="toolGenLinkSubmit()">生成</div>
|
||
<div class="tool-button" onclick="toolGenLinkClear()">清空</div>
|
||
<textarea id="tool-genlink-result" rows="8" placeholder="结果"></textarea>
|
||
</div>
|
||
<!-- 运行 JavaScript -->
|
||
<div id="tool-runjs">
|
||
<header>运行 JavaScript</header>
|
||
<textarea id="tool-runjs-input" rows="6" placeholder="请输入 JavaScript 代码"></textarea>
|
||
<div class="tool-button" onclick="toolRunJSSubmit()">运行</div>
|
||
<div class="tool-button" onclick="toolRunJSClear()">清空</div>
|
||
</div>
|
||
</div>
|
||
<!-- 返回顶部 -->
|
||
<div class="to-top" onclick="document.body.scrollTop = 0; document.documentElement.scrollTop = 0;">▲</div>
|
||
<!-- JavaScript -->
|
||
<script src="js/tool.min.js"></script>
|
||
</body>
|
||
</html>
|