在rowview中创建倒计时

时间:2015-02-21 05:21:13

标签: javascript titanium

我是Appcelerator Titanium APP开发的初学者。从这个链接的灵感来看,我正在尝试创建一个倒计时器,以便在TableRowView中工作,因为每一行都有自己的时间设置。我自定义这个类来显示小时秒,如5秒,10秒等等。当我点击第一行倒计时开始然后点击第二行,第一行的倒计时停止并再次点击第一行,行倒计时从最后开始停止

1 个答案:

答案 0 :(得分:0)

试试这个

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);
});

由于