标签：windows-runtime windows-8 javascript

我想暂停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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。