setTimeout  在指定的毫秒数后调用函数或计算表达式

clearTimeout  取消由setTimeout方法设置的定时任务

setInterval  按照指定的周期来调用函数或计算表达式

clearInterval  取消由setInterval方法设置的定时任务

因为Javascript并不支持多线程运算,所以经常使用setTimeout和setInterval方法模拟线程

<!DOCTYPE html>
<html>
<head>
    <title>打字机效果</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript">
        var s ="从运营商和相关部门确认,还有一个月,市民就将可以体验到携号转网的快捷服务。市通信管理局方面披露,本市三大运营商正在密集开展最后的相关测试。免费移机、补卡,快捷的刷脸服务等,为了挽留客户,三大运营商正使出浑身解数展开一场客源争抢大赛。";
        var index = 0;
        function output(){
            document.body.innerHTML += s.charAt(index);
        index++;
        //如果字符串全部输出完毕,停止定时任务
            if(index>=s.length) window.clearInterval(handler);
        }
        //设置定时任务
        var handler = window.setInterval("output()",100);
    </script>
</head>
<body>
</body>
</html>

  

版权声明:本文为rjbc原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/rjbc/p/11677249.html