setTimeout延迟加载javascript

Posted 水滴石穿—敏

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了setTimeout延迟加载javascript相关的知识，希望对你有一定的参考价值。

应用场景：当需要延迟加载该数据时，则可以使用setTimeout().

意思：用于在指定的毫秒数后调用函数或计算表达式.

示例1：

var t=setTimeout("alert(\'5 seconds!\')",5000);

示例2：一个简单的计时操作：

　　

<head>
<script type="text/javascript">
var c=0
var t
function timedCount()
{
document.getElementById(\'txt\').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}

function stopCount()
{
clearTimeout(t)
}
</script>
</head>


<form>
<input type="button" value="开始计时！" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="停止计时！" onClick="stopCount()">
</form>

<p>

操作结果图为：

 

以上是关于setTimeout延迟加载javascript的主要内容，如果未能解决你的问题，请参考以下文章

如何延迟加载

延迟加载JS的方式

无法在 useEffect 挂钩中测试超时功能

网站延迟加载对讲脚本

javascript中的延迟/睡眠？

JavaScript 之 定时器 延迟器