SmartPDCode/f407/tools/web/JS/index.js

let activePageIntervalId = null;
function showPage(pageId) {
    const pages = document.querySelectorAll('.page');
    number = 0
    pages.forEach(page => {
        page.classList.remove('active');
        button_id = pageId
        if(pageId == "page2")
        {
            setActivePage(function1, 1000)
        }
        if(pageId == "page3" || pageId == "page5")
        {
            setActivePage(function2, 1000)
        }
        if(pageId == "page4")
        {
            setActivePage(function3, 1000)
        }
    });
    const selectedPage = document.getElementById(pageId);
    selectedPage.classList.add('active');
}

function function1() 
{
    ws.send(mk_hdr(PKT_TYPE.PKT_TYPE_POWER_TOTAL,0));
}
   
function function2() 
{
    ws.send(mk_hdr(PKT_TYPE.PKT_TYPE_POWER_CH,0));
}

function function3()
{
    console.log(1)
}
function setActivePage(pageFunction, intervalTime) 
{

   // 停止之前活动的页面定时函数
   if (activePageIntervalId !== null) 
    {
        clearInterval(activePageIntervalId);
    }
activePageIntervalId = setInterval(pageFunction, intervalTime);
}

document.addEventListener('DOMContentLoaded', () => {
    showPage('page1');
});

function mk_hdr(type)
{
    var tmp,length=0;
    var buffer = new ArrayBuffer(9);

    tmp = new DataView(buffer, length);
    var t = 0xdead;
    tmp.setUint16(0,t,true);//magic
    length += 2;

    tmp = new DataView(buffer, length);
    tmp.setUint8(0,type,true);  //type
    length += 1;

    tmp = new DataView(buffer, length);
    tmp.setUint8(0,0,true);     //subtype
    length += 1;
    
    tmp = new DataView(buffer, length);
    tmp.setUint8(0,0,true);     //nack
    length += 1;
    
    tmp = new DataView(buffer, length);
    tmp.setUint32(0,0,true);    //dlen
    length += 4;
    
    return buffer;
}