如何在不使用php的情况下使一个网页中的按钮的onclick函数在另一网页中执行功能

Question

In my main html page, I have the following code:

<p class="text" id="time">00:00</p>

In my other html page, I have the following code:

<button onclick="resettime()">RESET TIME</button>

They both link to the same javascript page, which has the code:

function timeIncrement()
{
    document.getElementById('time').innerHTML = +mins+":"+secs;
  if(secs==60)
  {
    mins+=1;
    secs = 0;
  }
}

var timecheck = setInterval(timeIncrement,1000);

function resettime()
{
  clearInterval(timecheck);
  mins  = 0;
  secs = 0;
  timecheck = setInterval(timeIncrement,1000);
}

Clicking the button doesn't reset the time to 0:0, so it doesn't work, so I was wondering if there's any way I can do this without going into php. I'm new to html/js, so sorry if this is a repeat, couldn't find a similar one.

Answer 1

Two html means two windows. if you want to execute script from one window to another window, you should have the other window's object and both window should have document.domain. for having reference of another window

in main html add the following

<script>window.open("other.html");//other html will open automatically</script>

in other html, change the code to following

<button onclick="resettimeinMainHtml()">RESET TIME</button>

<script>function resettimeinMainHtml(){window.opener.resettime();// will reset in mail html}</script>