JS定时执行代码 _网站网络_风知网 - QQ活动第一资讯综合平台 - 风之吻BLOG

投稿评论顶部

JS定时执行代码

佚名 2022-06-17 09:20:35 网站网络

　　定时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>

热门文章

随机推荐