在行视图中创建倒计时
Create countdown in rowview
我是Appcelerator Titanium APP开发的初学者。受此 link 的启发,我正在尝试创建一个倒数计时器以在 TableRowView 中工作,因为每一行都有自己的时间设置。我自定义此 class 以显示小时秒数,如 5 秒、10 秒等 on.and 当我单击第一行倒计时开始然后单击第二行时,第一行的倒计时停止并再次单击第一行,行倒计时从最后一站开始
试试这个
var timeInt = undefined;
function setTimer(obj){
if(timeInt != undefined){
clearInterval(timeInt);
}
timeInt = setInterval(function(e){
obj.text = (parseInt(obj.text) + 1);
},1000);
}
var arrRow= [];
$.winIndex.addEventListener("open", function(e) {
for (var i = 0; i < 100; i++) {
var row = Ti.UI.createTableViewRow({
height : 35
});
var lbl = Ti.UI.createLabel({
text : "0",
left : 10,
right : 10,
touchEnabled : false
});
row.lbl = lbl;
row.add(lbl);
arrRow.push(row);
}
$.tblView.data = arrRow;
});
$.tblView.addEventListener("click",function(e){
setTimer(e.source.lbl);
});
谢谢
我是Appcelerator Titanium APP开发的初学者。受此 link 的启发,我正在尝试创建一个倒数计时器以在 TableRowView 中工作,因为每一行都有自己的时间设置。我自定义此 class 以显示小时秒数,如 5 秒、10 秒等 on.and 当我单击第一行倒计时开始然后单击第二行时,第一行的倒计时停止并再次单击第一行,行倒计时从最后一站开始
试试这个
var timeInt = undefined;
function setTimer(obj){
if(timeInt != undefined){
clearInterval(timeInt);
}
timeInt = setInterval(function(e){
obj.text = (parseInt(obj.text) + 1);
},1000);
}
var arrRow= [];
$.winIndex.addEventListener("open", function(e) {
for (var i = 0; i < 100; i++) {
var row = Ti.UI.createTableViewRow({
height : 35
});
var lbl = Ti.UI.createLabel({
text : "0",
left : 10,
right : 10,
touchEnabled : false
});
row.lbl = lbl;
row.add(lbl);
arrRow.push(row);
}
$.tblView.data = arrRow;
});
$.tblView.addEventListener("click",function(e){
setTimer(e.source.lbl);
});
谢谢