Question

我尝试了很多方法，现在我很绝望。我无法让我的代码工作。我需要在三个不同的按钮cick上运行一个带有3个不同参数的函数。

一个HTML文件：

<div class="counter">
 <div id="clockdiv">
     <h1><span class="minutes timeText"></span></h1>
     <h1><span class="seconds timeText"></span></h1>
</div>
</div>

其他html文件：

<div class="main">
   <a href="session.html" id="5min"><div class="button-part-30">
       <button class="button button-calm">5min</button>
       </div></a>
    <a href="session.html"><div class="button-part-30">
        <button id="10min"  class="button button-calm">10min</button>
        </div></a>
     <a href="session.html"><div class="button-part-30">
       <button id="20min"  class="button button-calm">20min</button>
         </div></a>
</div>

jQuery和JS：

function startCounter(x){
var t = x * 60000 + 1001;

function getTimeRemaining(endtime){
  for (t; t = t - 1000; t >= 1000){

  var seconds = Math.floor( (t/1000) % 60 );
  var minutes = Math.floor( (t/1000/60) % 60 );
  return {
    'total': t,
    'minutes': minutes,
    'seconds': seconds
  };
};
};

function initializeClock(id, endtime){
  var clock = document.getElementById(id);
  var minutesSpan = clock.querySelector('.minutes');
  var secondsSpan = clock.querySelector('.seconds');
function updateClock(){
  var t = getTimeRemaining(endtime);
    minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
    secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
  if(t.total <= 1){
    clearInterval(timeinterval);
  };
};

updateClock();
var timeinterval = setInterval(updateClock,1000);
}


initializeClock('clockdiv', t);
};

当我运行startSession(20)或其他一些号码时，一切似乎都有效。但我需要通过单击位于其他html文件中的那些按钮来运行此功能。计数器也会在完全不同的html文件上启动。我的初级水平非常低。谢谢！

如何在点击事件上运行一个功能？ - jQuery

0 个答案: