编程语言
首页 > 编程语言> > WinRT中的Java动画暂停

WinRT中的Java动画暂停

作者:互联网

我想暂停javascript中的执行,以便可以动画显示屏幕上的文本.我的代码当前是这样的:

function AnimateWord(word) {
    for (var i = 0; i <= word.length; i++) {
        myTest.textContent += word.charAt(i);
        // need to pause here and then continue
    }
}

我已经进行了一些研究,并且在javascript中执行此操作的首选方法似乎是setTimeout,尽管在没有创建递归循环的情况下我真的看不到在这种情况下如何工作(这似乎不是正确的解决方案)对我来说).

有没有办法解决这个问题,还是我会陷入setTimeout和递归循环中?

编辑:

根据一些其他测试,我尝试使用Promise.timeout:

for (var i = 0; i <= word.length; i++) {
    WinJS.Promise.timeout(1000).then(TypeLetter(word.charAt(i)));
}

function TypeLetter(letter) {
    myTest.textContent += letter;
}

但这似乎并没有真正暂停.实际上,它似乎完全忽略了超时.我也尝试过:

setTimeout(TypeLetter(word.charAt(i)), 1000);

具有基本相同的结果. this page似乎暗示它应该等待然后执行任务.我对WinJS还是很陌生,但是在C#中将promise等同于await关键字.

解决方法:

var i = 0;
var str = "plz send teh codez";
var intervalId = setInterval(function(){
    myTest.textContent += str.charAt(i);
    if (++i >= str.length)
        clearInterval(intervalId);
}, 1000);

演示http://jsfiddle.net/qxfVu/1/

标签:windows-runtime,windows-8,javascript
来源: https://codeday.me/bug/20191031/1975986.html