クリックするとカウントが開始されるボタンがあるので、もう一度クリックするとカウントを停止したいと思います。そのため、他のボタンをクリックできるようにし、そのボタンは最初のボタンとまったく同じように実行する必要があります。
これがボタンの作成方法です
function createButtons(tbID, tbClass, tbType, tbValue, onClick) {
return '\n<input '
+ (tbID ? ' id=\'' + tbID + '\'' : '')
+ (tbClass ? ' class=\'' + tbClass + '\'' : '')
+ (tbType ? ' type=\'' + tbType + '\'' : '')
+ (tbValue ? ' value=\'' + tbValue + '\'' : '')
+ (onClick ? ' onclick=\'toggle(this);' + onClick + '\'' : '')
+ '>';
}
function (i, item) {
newContent += createButtons("tb" + item.CommonCable, null, "submit", item.CommonCable, toggle);
});
次のコードは、ボタンがクリックされた時間をカウントしています。HTMLページに表示します。関数トグル(ths) {
$(ths).toggleClass("btnColor");
$("#tb").toggleClass("btnColorR");
var clicked = $(ths).val();
$("#setCount").html(" DOWNTIME TYPE : " + clicked + " MINUTES : " + minutes + " SECONDS : " + count );
count = count + 1;
if (count % 60 == 0) {
minutes += 1;
count = 0;
}
timer = setTimeout("toggle()", 1000);
}