ZIP基于JavaScript网红太空人表盘 1.07MB

weixin_43532890需要积分:2(1积分=1元)

资源文件列表:

Watch.zip 大约有50个文件
  1. Watch/
  2. __MACOSX/._Watch 310B
  3. Watch/.DS_Store 6KB
  4. __MACOSX/Watch/._.DS_Store 120B
  5. Watch/demo.html 2.51KB
  6. __MACOSX/Watch/._demo.html 276B
  7. Watch/assets/
  8. Watch/.idea/
  9. Watch/assets/.DS_Store 6KB
  10. __MACOSX/Watch/assets/._.DS_Store 120B
  11. Watch/assets/css/
  12. Watch/assets/js/
  13. Watch/assets/img/
  14. Watch/.idea/JunAlert.iml 458B
  15. Watch/.idea/$PRODUCT_WORKSPACE_FILE$ 461B
  16. Watch/.idea/workspace.xml 3.04KB
  17. Watch/.idea/modules.xml 268B
  18. Watch/.idea/misc.xml 174B
  19. Watch/assets/css/style.css 2.23KB
  20. Watch/assets/js/.DS_Store 6KB
  21. __MACOSX/Watch/assets/js/._.DS_Store 120B
  22. Watch/assets/js/timeGeneration.js 3.5KB
  23. Watch/assets/img/rect.svg 1.13KB
  24. __MACOSX/Watch/assets/img/._rect.svg 312B
  25. Watch/assets/img/human.gif 1.04MB
  26. __MACOSX/Watch/assets/img/._human.gif 312B
  27. Watch/assets/img/9.svg 791B
  28. __MACOSX/Watch/assets/img/._9.svg 312B
  29. Watch/assets/img/8.svg 806B
  30. __MACOSX/Watch/assets/img/._8.svg 312B
  31. Watch/assets/img/0.svg 792B
  32. __MACOSX/Watch/assets/img/._0.svg 312B
  33. Watch/assets/img/1.svg 577B
  34. __MACOSX/Watch/assets/img/._1.svg 312B
  35. Watch/assets/img/3.svg 673B
  36. __MACOSX/Watch/assets/img/._3.svg 312B
  37. Watch/assets/img/2.svg 681B
  38. __MACOSX/Watch/assets/img/._2.svg 312B
  39. Watch/assets/img/6.svg 747B
  40. __MACOSX/Watch/assets/img/._6.svg 312B
  41. Watch/assets/img/7.svg 534B
  42. __MACOSX/Watch/assets/img/._7.svg 312B
  43. Watch/assets/img/5.svg 688B
  44. __MACOSX/Watch/assets/img/._5.svg 312B
  45. Watch/assets/img/4.svg 599B
  46. __MACOSX/Watch/assets/img/._4.svg 312B
  47. Watch/assets/img/human.svg 17.4KB
  48. __MACOSX/Watch/assets/img/._human.svg 312B
  49. Watch/assets/img/ring.svg 14.37KB
  50. __MACOSX/Watch/assets/img/._ring.svg 312B

资源介绍:

网红太空人表盘
<html> <head> <title>太空人表盘</title> <meta charset="UTF-8"> <link href="./assets/css/style.css" rel="stylesheet"> <script src="./assets/js/timeGeneration.js"></script> </head> <body> <div class="jun-meter"> <div class="jun-time-h-h" id="hh"></div> <div class="jun-time-h-l" id="hl"></div> <div class="jun-time-rect"></div> <div class="jun-human"></div> <div class="jun-time-m-h" id="mh"></div> <div class="jun-time-m-l" id="ml"></div> <div class="jun-time-s-h" id="sh"></div> <div class="jun-time-s-l" id="sl"></div> <div class="jun-date" id="date"></div> <div class="jun-calendar-date" id="calendarDate"></div> </div> </body> <script> function WatchMeter() { // 初始化dom this._initDom() // 更新 this.update() this.date = new TimeGeneration() } // 修改原型 WatchMeter.prototype = { constructor: WatchMeter, // 初始化Dom _initDom: function () { this.elem = {} this.elem.hh = document.getElementById('hh') this.elem.hl = document.getElementById('hl') this.elem.mh = document.getElementById('mh') this.elem.ml = document.getElementById('ml') this.elem.sh = document.getElementById('sh') this.elem.sl = document.getElementById('sl') this.elem.date = document.getElementById('date') this.elem.calendarDate = document.getElementById('calendarDate') }, // 更新 update: function () { var _this = this setInterval(function () { _this._render(_this.date.getDate(), _this.date.getCalendarDate(), _this.date.getTime()) }, 1000) }, // 渲染 _render: function (date, calendarDate, time) { this._setNumberImage(this.elem.hh, time[0]) this._setNumberImage(this.elem.hl, time[1]) this._setNumberImage(this.elem.mh, time[2]) this._setNumberImage(this.elem.ml, time[3]) this._setNumberImage(this.elem.sh, time[4]) this._setNumberImage(this.elem.sl, time[5]) this.elem.date.innerText = date[2] + " " +date[0] + "-" +date[1] this.elem.calendarDate.innerText = calendarDate }, // 设置数字图片 _setNumberImage: function (elem, value) { elem.style.backgroundImage = "url(./assets/img/" + value + ".svg)"; } } var myWatchMeter = new WatchMeter() </script> </html>
100+评论
captcha
    相关资源
    类型标题大小时间
    ZIPtomcat 7 for Windows8.43MB12年前
    ZIPXamlPad301.01KB17年前
    ZIP一个由VC和SQL编写的专家系统2.16MB17年前
    ZIPemf-sdo-runtime-2.0.0.zip2.99MB17年前
    ZIPapktool1.4.34.3MB13年前
    ZIPTestDriven.NET-2.7.2111_Personal3.48MB17年前
    ZIP超市销售管理系统8.24MB17年前
    ZIP基于STM32F103C8T6+L298N+MG513P30直流电机的PID控制程序47.69MB3年前