使用js定时跳转页面

最新推荐文章于 2022-01-12 15:03:15 发布

xkjscm

最新推荐文章于 2022-01-12 15:03:15 发布

阅读量655

点赞数

分类专栏： HTML javaScript

本文链接：https://blog.csdn.net/xkjscm/article/details/52993168

版权

HTML 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

javaScript

7 篇文章 0 订阅

订阅专栏

html代码

<DOCTYPE HTML>
<html>
<head> 
<title>js进阶篇</title>
<script src="js/jstestTwo.js"></script>
</head>
<body>
<!--设置一个button , 点击后出现定时跳转-->
<input type="button" id="countdown" value="倒计时跳转" onclick="countDown()" /> 
</body>
</html>

jstestTwo.js

function countDownDate(){
/*通过id获取html的button的value值*/
    var butValue = document.getElementById("countdown").value;
  /**如果值不为1(可能是非数字,可能是数字但是不等于1)**/
    if((butValue*1) != 1){
        /*如果是数字,则减一*/
        if(!isNaN(butValue)){
            /*这里要改变的是html里面的countdown值,所以使用getelementByID,如果使用butValue,则无法改变html里面的值,下同*/
            document.getElementById("countdown").value = ((butValue*1)-1); 
        }else {
        /*如果不是数字,给值赋值整数5*/
            document.getElementById("countdown").value = 1*5;
        }
    }else{
  /**如果值等于1,则赋值 跳转中 给值**/
        document.getElementById("countdown").value = "跳转中";
        /*同时跳转到百度首页*/
        window.location.href = "http://www.baidu.com";
    }
}
/*定时每1秒执行一次countDownDate()方法*/
function countDown() { 
        setInterval(countDownDate,1000);
}

xkjscm

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用js定时跳转页面

html代码<DOCTYPE HTML><html><head> <title>js进阶篇</title><script src="js/jstestTwo.js"></script></head><body><input type="button" id="countdown" value="倒计时跳转" onclick="
复制链接

扫一扫

专栏目录