index.js 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. let activePageIntervalId = null;
  2. function showPage(pageId) {
  3. const pages = document.querySelectorAll('.page');
  4. number = 0
  5. pages.forEach(page => {
  6. page.classList.remove('active');
  7. button_id = pageId
  8. if (pageId == "page2") {
  9. setActivePage(function1, 1000)
  10. }
  11. if (pageId == "page3" || pageId == "page5") {
  12. setActivePage(function2, 1000)
  13. }
  14. if (pageId == "page4" || pageId == "page1") {
  15. setActivePage(function3, 1000)
  16. }
  17. });
  18. const selectedPage = document.getElementById(pageId);
  19. selectedPage.classList.add('active');
  20. }
  21. function function1() {
  22. ws.send(mk_hdr_bin(0, PKT_TYPE.PKT_TYPE_POWER_TOTAL, 0, 0, 0));
  23. }
  24. function function2() {
  25. ws.send(mk_hdr_bin(0, PKT_TYPE.PKT_TYPE_POWER_CH, 0, 0, 0));
  26. }
  27. function function3() {
  28. console.log(1)
  29. }
  30. function setActivePage(pageFunction, intervalTime) {
  31. // 停止之前活动的页面定时函数
  32. if (activePageIntervalId != null) {
  33. clearInterval(activePageIntervalId);
  34. }
  35. activePageIntervalId = setInterval(pageFunction, intervalTime);
  36. }
  37. document.addEventListener('DOMContentLoaded', () => {
  38. showPage('page1');
  39. });