Javascript秒表 - 从其他页面控制

时间:2018-03-28 15:33:53

标签: javascript jquery html

我有这种情况。我想开始,停止&从"管理页面重置秒表"但我想在"客户页面上显示当前的秒表(仅限时间)"当管理员按下管理页面上的START按钮时。

它是一项体育赛事。

基本上玩家可以在大型电视上看到秒表时间。但是控制秒表的按钮必须位于由其中一名员工管理的管理页面上。有一大堆信息将来自MySQL,因此我们不想在"客户端上显示用于控制秒表的按钮"页。希望这是有道理的。请&谢谢。

*注意 - 我是初学者的javascript。



var h1 = document.getElementsByTagName('h1')[0],
    start = document.getElementById('start'),
    stop = document.getElementById('stop'),
    clear = document.getElementById('clear'),
    seconds = 0, minutes = 0, hours = 0,
    t;

function add() {
    seconds++;
    if (seconds >= 60) {
        seconds = 0;
        minutes++;
        if (minutes >= 60) {
            minutes = 0;
            hours++;
        }
    }
    
    h1.textContent = (hours ? (hours > 9 ? hours : "0" + hours) : "00") + ":" + (minutes ? (minutes > 9 ? minutes : "0" + minutes) : "00") + ":" + (seconds > 9 ? seconds : "0" + seconds);

    timer();
}
function timer() {
    t = setTimeout(add, 1000);
}
timer();


/* Start button */
start.onclick = timer;

/* Stop button */
stop.onclick = function() {
    clearTimeout(t);
}

/* Clear button */
clear.onclick = function() {
    h1.textContent = "00:00:00";
    seconds = 0; minutes = 0; hours = 0;
}

<h1><time>00:00:00</time></h1>
<button id="start">start</button>
<button id="stop">stop</button>
<button id="clear">clear</button>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

如果客户端和管理员页面在同一台机器上运行,您可以使用localstorage并在客户端上侦听更改事件并通过主服务器应用更改(必须是相同的PC和相同的浏览器)