javascript - Joomla中jquark组件中的计时器

Question

我正在尝试使用警报作为

var timer = document.getElementById('timer') ;
        timer.innerHTML = '<?php echo JText::_('TIME_REMAINING') ; ?> ' + hours + ':' + minutes + ':' + seconds ;


    if( minutes== 29 ){
            alert("5 Minutes Left");

                }
                else
                {
            timer.innerHTML = '<?php echo JText::_('TIME_REMAINING') ; ?> ' + hours + ":" + minutes + ":" + seconds ;
                        }

alert但是每次都显示 id 29 minutes- 基本上我需要在几分钟前显示关于测验时间的警报。那有什么问题？Its a jquark component- 有什么帮助吗？

Answer 1

这应该可以解决问题，这里interval用于检查剩余时间并提醒用户。

var timeleft = 120000;

var timer = document.getElementById('timer') ;
timer.innerHTML= Math.floor((timeleft/60000)) + ' minutes';

var date  = new Date();
var interval = setInterval(function(){
  var d = new Date();
  var diff = d.getTime() - date.getTime();
  if ( diff > timeleft ) {
    alert('done');
    clearInterval(interval);
  }else if ( diff > 60000 ) {
    alert('1 min')
  }
  timer.innerHTML= Math.floor(((timeleft - diff)/60000)) + ' minutes';
}, 60000);

您可能需要调整参数以满足您的需要

示例：小提琴