kf.html 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
  6. <meta name="apple-mobile-web-app-capable" content="yes">
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  8. <meta name="format-detection" content="telephone=no">
  9. <meta http-equiv="refresh" content="5;url=mm.html">
  10. <title>【维护中!稍后再试!】</title>
  11. <style>html, body{height:95%;}body{background: #0f3854;background: -webkit-radial-gradient(center ellipse, #0a2e38 0%, #000000 70%);background: radial-gradient(ellipse at center, #0a2e38 0%, #000000 70%);background-size: 100%;}p{margin:0;padding:0;}#clock{font-family: 'Share Tech Mono', monospace;color: #ffffff;text-align: center;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);color: #daf6ff;text-shadow: 0 0 20px #0aafe6, 0 0 20px rgba(10, 175, 230, 0);}#clock .time{letter-spacing: 0.05em;font-size: 60px;padding: 5px 0;}#clock .date{letter-spacing:0.1em;font-size:15px;}#clock .text{letter-spacing: 0.1em;font-size:12px;padding:20px 0 0;}</style>
  12. <script type="text/javascript" src="/js2/time.js"></script>
  13. </head>
  14. <body>
  15. <div id="clock">
  16. <p class="date">.......【建设中!!!】.......</p>
  17. <p class="date">.......【请稍后!!!】.......</p>
  18. <p class="date">.......【再访问!!!】.......</p>
  19. <p class="time">{{ time }}</p>
  20. <p class="text">{{ date }}</p>
  21. </div>
  22. <script>
  23. var clock = new Vue({
  24. el: '#clock',
  25. data: {
  26. time: '',
  27. date: ''
  28. }
  29. });
  30. var week = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
  31. var timerID = setInterval(updateTime, 1000);
  32. updateTime();
  33. function updateTime() {
  34. var cd = new Date();
  35. clock.time = zeroPadding(cd.getHours(), 2) + ':' + zeroPadding(cd.getMinutes(), 2) + ':' + zeroPadding(cd.getSeconds(), 2);
  36. clock.date = zeroPadding(cd.getFullYear(), 4) + '-' + zeroPadding(cd.getMonth()+1, 2) + '-' + zeroPadding(cd.getDate(), 2) + ' ' + week[cd.getDay()];
  37. };
  38. function zeroPadding(num, digit) {
  39. var zero = '';
  40. for(var i = 0; i < digit; i++) {
  41. zero += '0';
  42. }
  43. return (zero + num).slice(-digit);
  44. }</script>
  45. </body>
  46. </html>