由于本人对于JS代码不熟悉,甚至只是小白,发出来记录一下,大佬勿喷

定时9秒后不显示内容:

 <script>  setTimeout(function(){//定时器 
$('#img').css("display","none"); //将display属性设置为none,指定ID属性不显示
// $('img').css("display","none"); //所有img标签的图片不显示,不一定非要图片,可自行修改
},9000); //9秒后不显示
</script>

定时9秒后自动显示内容:

<p id="img">原文字</p>

<script>  setTimeout(function(){//定时器 
document.getElementById("img").innerHTML = "<font color=red>新文字</font>";
},9000); //9秒后自动显示
</script>

JS定时跳转代码,原理很简单和上面代码一样:

<script>
setTimeout(function(){ 
window.location.href="目标页面";
},9000);  //9秒后跳转
</script>

重复执行的定时器:

<script>
var t1 = setInterval(function(){ //setInterval重复执行
alert("你好"); 
},1000);  //每隔1秒执行一次

// window.clearInterval(t1); //去掉重复执行定时器的方法
// window.clearTimeout(t1); //去掉只执行一次定时器的方法
</script>

全能资源库丨本站资源除特殊声明外,均来自于网络收集整理仅供学习研究,如需商业使用请获得作者商业授权,如果侵犯了您的合法权益,请联系我们的投诉邮箱:qinglikf@163.com,我们将在24小时内删除!如有其它疑问请联系在线客服(微信公众号:轻狸团队 丨菜单栏人工客服)特别注意:访问本站即同意本站《免责声明&版权声明》,本站原创内容未经授权禁止转载!
全能资源库 » JS定时执行代码

提供最优质的资源集合,会员畅享0元下载!

立即开通 了解详情