Jquery-实现倒计时跳转

jquery以及js实现自动跳转界面

Jquery-实现倒计时跳转

jquery实现

<script src="js/jquery-1.12.4.min.js"></script>
<script>
    //使用匿名函数方法
    function counttime() {
        var $time = $('#Time');
        if($time.html() === '1'){
            window.location.href=("http://www.baidu.com");
        }else{
            $time.html($time.html()-1);
        }
    }
    setInterval(counttime,1000);
</script>
<body>
    <p id="Time">5</p>
</body>

js实现

<script>
	//使用匿名函数方法
		function countDown(){
			var time = document.getElementById("Time");
				//alert(time.innerHTML);
				//获取到id为time标签中的内容，现进行判断
				if(time.innerHTML == 0){
					//等于0时清除计时
					window.location.href="https://www.baidu.com";
				}else{
					time.innerHTML = time.innerHTML-1;
				}
			}
			//1000毫秒调用一次
			setInterval(countDown,1000);
</script>
<body>
 <p id="Time">5</p>
</body>

Hexo

Jquery-实现倒计时跳转

你的赏识是我前进的动力