index.html 9.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196
  1. <!DOCTYPE HTML>
  2. <html lang="zh-CN">
  3. <head>
  4. <title>时间戳转换工具</title>
  5. <meta charset="UTF-8">
  6. <link rel="shortcut icon" href="../static/img/favicon.ico">
  7. <link rel="stylesheet" href="index.css" />
  8. <script type="text/javascript" src="../static/vendor/evalCore.min.js"></script>
  9. <script type="text/javascript" src="../static/vendor/vue/vue.js"></script>
  10. </head>
  11. <body>
  12. <!-- 醒目升级提示 -->
  13. <div id="fh-timestamp-upgrade-tip">
  14. 时间戳转化工具已经升级了,功能更强大更好用,请点击安装新版:
  15. <a href="/options/index.html?query=时间戳计算器" target="_blank" class="fh-tip-link">时间戳计算器</a>
  16. </div>
  17. <div class="wrapper" id="pageContainer">
  18. <div class="panel panel-default panel-no-margin-bottom">
  19. <div class="panel-heading">
  20. <h3 class="panel-title">
  21. <a href="https://fehelper.com" target="_blank" class="x-a-high">
  22. <img src="../static/img/fe-16.png" alt="fehelper"/> FeHelper</a>:时间戳转换工具
  23. <span class="x-gmt-setting">
  24. 选择时区:<select class="form-control" v-model="curGMT">
  25. <option value="-12">埃尼威托克岛 (GMT-12)</option>
  26. <option value="-11">萨摩亚群岛 (GMT-11)</option>
  27. <option value="-10">夏威夷 (GMT-10)</option>
  28. <option value="-9">阿拉斯加 (GMT-9)</option>
  29. <option value="-8">太平洋时间 (GMT-8)</option>
  30. <option value="-7">山脉时间 (GMT-7)</option>
  31. <option value="-6">中央标准时间 (GMT-6)</option>
  32. <option value="-5">东部时间 (GMT-5)</option>
  33. <option value="-4">大西洋时间 (GMT-4)</option>
  34. <option value="-3">Brazilia (GMT-3)</option>
  35. <option value="-2">大西洋中部时间(GMT-2)</option>
  36. <option value="-1">亚述尔群岛 (GMT-1)</option>
  37. <option value="0">格林威治标准(GMT)</option>
  38. <option value="1">罗马 (GMT +1)</option>
  39. <option value="2">以色列 (GMT +2)</option>
  40. <option value="3">莫斯科 (GMT +3)</option>
  41. <option value="4">巴库 (GMT +4)</option>
  42. <option value="5">New Delhi (GMT +5)</option>
  43. <option value="6">Dhakar (GMT +6)</option>
  44. <option value="7">曼谷 (GMT +7)</option>
  45. <option value="8">北京 (GMT +8)</option>
  46. <option value="9">东京 (GMT +9)</option>
  47. <option value="10">悉尼 (GMT +10)</option>
  48. <option value="11">Magadan (GMT +11)</option>
  49. <option value="12">惠灵顿 (GMT +12)</option>
  50. </select>
  51. </span>
  52. </h3>
  53. </div>
  54. </div>
  55. <div class="panel-body mod-stamp">
  56. <h4 class="x-wd">&gt;&gt; Unix时间戳定义</h4>
  57. <div class="x-cnt">
  58. <div class="row">
  59. <span>现在的当地时间为:</span>
  60. <input class="form-control ui-d-ib" id="txtNowDate" ref="txtNowDate" v-model="txtNowDate" type="text">
  61. <input class="mod-time-input form-control ui-d-ib btn btn-primary ui-ml-10 ui-mr-10" id="btnToggle" ref="btnToggle" @click="unixToggle()" class="-e-btn" type="button" value="暂停" tabindex="-1">
  62. </div>
  63. <div class="row ui-mt-10">
  64. <span>现在的Unix时间戳:</span>
  65. <input class="form-control ui-d-ib" id="txtNowS" v-model="txtNowS" type="text" readonly title="点击自动复制到剪贴板" @click="copyToClipboard($event.target.value)">秒
  66. <input class="form-control ui-d-ib ui-ml-20" id="txtNowMs" v-model="txtNowMs" type="text" readonly title="点击自动复制到剪贴板" @click="copyToClipboard($event.target.value)">毫秒
  67. </div>
  68. </div>
  69. <h4 class="x-wd">&gt;&gt; Unix时间戳 转 当地时间</h4>
  70. <div class="row x-cnt">
  71. <input class="form-control ui-d-ib" id="txtSrcStamp" ref="txtSrcStamp" v-model="txtSrcStamp" type="text" placeholder="时间戳(eg:1388307215)" tabindex="1">
  72. <select ref="selSecFrom" id="selSecFrom" v-model="secFrom" class="form-control x-sel-sec">
  73. <option value="s">秒(s)</option>
  74. <option value="ms">毫秒(ms)</option>
  75. </select>
  76. <input class="mod-time-input form-control ui-d-ib btn btn-primary ui-ml-10 ui-mr-10" id="btnStampToLocale" ref="btnStampToLocale" @click="stampToLocale()" class="-e-btn" type="button" value="转换" tabindex="-1">
  77. <input class="form-control ui-d-ib" id="txtDesDate" ref="txtDesDate" v-model="txtDesDate" type="text" readonly @click="copyToClipboard($event.target.value)">
  78. </div>
  79. <h4 class="x-wd">&gt;&gt; 当地时间 转 Unix时间戳</h4>
  80. <div class="row x-cnt">
  81. <input class="form-control ui-d-ib" id="txtLocale" ref="txtLocale" v-model="txtLocale" type="text" placeholder="时间(eg:2015-04-01 10:01:01.620)">
  82. <input class="mod-time-input form-control ui-d-ib btn btn-primary ui-ml-10 ui-mr-10" id="btnLocaleToStamp" @click="localeToStamp()" class="-e-btn" type="button" value="转换" tabindex="-1">
  83. <input class="form-control ui-d-ib" id="txtDesStamp" ref="txtDesStamp" v-model="txtDesStamp" type="text" readonly @click="copyToClipboard($event.target.value)">
  84. <select ref="selSecTo" id="selSecTo" v-model="secTo" class="form-control x-sel-sec">
  85. <option value="s">秒(s)</option>
  86. <option value="ms">毫秒(ms)</option>
  87. </select>
  88. </div>
  89. <h4 class="x-wd">&gt;&gt; 世界时钟</h4>
  90. <table class="table table-bordered table-responsive">
  91. <thead>
  92. <tr>
  93. <th>地区</th>
  94. <th>时间</th>
  95. <th>地区</th>
  96. <th>时间</th>
  97. </tr>
  98. </thead>
  99. <tbody>
  100. <tr>
  101. <th>当地时间</th>
  102. <td>{{worldTime['local']}}</td>
  103. <th>格林威治时间(GMT)</th>
  104. <td>{{worldTime['gmt']}}</td>
  105. </tr>
  106. <tr>
  107. <th>埃尼威托克岛 (GMT-12)</th>
  108. <td>{{worldTime['-12']}}</td>
  109. <th>罗马 (GMT +1)</th>
  110. <td>{{worldTime['+1']}}</td>
  111. </tr>
  112. <tr>
  113. <th>萨摩亚群岛 (GMT-11)</th>
  114. <td>{{worldTime['-11']}}</td>
  115. <th>以色列 (GMT +2)</th>
  116. <td>{{worldTime['+2']}}</td>
  117. </tr>
  118. <tr>
  119. <th>夏威夷 (GMT-10)</th>
  120. <td>{{worldTime['-10']}}</td>
  121. <th>莫斯科 (GMT +3)</th>
  122. <td>{{worldTime['+3']}}</td>
  123. </tr>
  124. <tr>
  125. <th>阿拉斯加 (GMT-9) </th>
  126. <td>{{worldTime['-9']}}</td>
  127. <th>巴库 (GMT +4)</th>
  128. <td>{{worldTime['+4']}}</td>
  129. </tr>
  130. <tr>
  131. <th>太平洋时间 (GMT-8)</th>
  132. <td>{{worldTime['-8']}}</td>
  133. <th>New Delhi (GMT +5)</th>
  134. <td>{{worldTime['+5']}}</td>
  135. </tr>
  136. <tr>
  137. <th>山脉时间 (GMT-7)</th>
  138. <td>{{worldTime['-7']}}</td>
  139. <th>Dhakar (GMT +6)</th>
  140. <td>{{worldTime['+6']}}</td>
  141. </tr>
  142. <tr>
  143. <th>中央标准时间 (GMT-6)</th>
  144. <td>{{worldTime['-6']}}</td>
  145. <th>曼谷 (GMT +7)</th>
  146. <td>{{worldTime['+7']}}</td>
  147. </tr>
  148. <tr>
  149. <th>东部时间 (GMT-5)</th>
  150. <td>{{worldTime['-5']}}</td>
  151. <th>北京 (GMT +8)</th>
  152. <td>{{worldTime['+8']}}</td>
  153. </tr>
  154. <tr>
  155. <th>大西洋时间 (GMT-4)</th>
  156. <td>{{worldTime['-4']}}</td>
  157. <th>东京 (GMT +9)</th>
  158. <td>{{worldTime['+9']}}</td>
  159. </tr>
  160. <tr>
  161. <th>Brazilia (GMT-3)</th>
  162. <td>{{worldTime['-3']}}</td>
  163. <th>悉尼 (GMT +10)</th>
  164. <td>{{worldTime['+10']}}</td>
  165. </tr>
  166. <tr>
  167. <th>大西洋中部时间(GMT-2)</th>
  168. <td>{{worldTime['-2']}}</td>
  169. <th>Magadan (GMT +11)</th>
  170. <td>{{worldTime['+11']}}</td>
  171. </tr>
  172. <tr>
  173. <th>亚述尔群岛 (GMT-1)</th>
  174. <td>{{worldTime['-1']}}</td>
  175. <th>惠灵顿 (GMT +12)</th>
  176. <td>{{worldTime['+12']}}</td>
  177. </tr>
  178. </tbody>
  179. </table>
  180. </div>
  181. </div>
  182. <script src="../static/vendor/jquery/jquery-3.3.1.min.js"></script>
  183. <script type="text/javascript" src="../static/js/utils.js"></script>
  184. <script type="text/javascript" src="index.js"></script>
  185. </body>
  186. </html>