实现3秒后页面自动跳转的另一个页面
一、目的实现3秒后页面自动跳转的另一个页面二、原理在当前页面设置一个变量，设置这个变量的值为3，利用定时器，每隔1秒就将变量减1；当变量为0的时候跳转页面三、代码片段<p>此页面<span id="count-span">3</span>秒后将自动跳转</p><script type="...
·
一、目的
实现3秒后页面自动跳转的另一个页面
二、原理
在当前页面设置一个变量，设置这个变量的值为3，利用定时器，每隔1秒就将变量减1；当变量为0的时候跳转页面
三、代码片段
<p>
此页面<span id="count-span">3</span>秒后将自动跳转
</p>
<script type="text/javascript">
window.onload = function(){
var count = 3;
setInterval(function(){
count--;
if(count == 0){
window.location.href = "test.html";//跳转后的页面
}else{
document.getElementById("count-span").innerHTML = count;
}
},1000);
}
</script>
（我有免费的JavaScript学习视频，想要的鞋童们可以加我微信）
基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。
更多推荐
0
0- 0
已为社区贡献1条内容
所有评论(0)