使用javascript如何实现一个5秒倒计时并跳转功能

这篇文章主要介绍了使用javascript如何实现一个5秒倒计时并跳转功能,创新互联小编觉得不错,现在分享给大家,也给大家做个参考,一起跟随创新互联小编来看看吧!

成都创新互联公司是一家集网站建设,浑源企业网站建设,浑源品牌网站建设,网站定制,浑源网站建设报价,网络营销,网络优化,浑源网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

Java可以用来干什么

Java主要应用于:1. web开发;2. Android开发;3. 客户端开发;4. 网页开发;5. 企业级应用开发;6. Java大数据开发;7.游戏开发等。

具体内容如下



 
 
 倒计时五秒
 
 
 
 
 5

 

再为大家分享两段:

jQuery实现5秒倒计时



var i=5;
$(function(){
 setTimeout(function(){
 window.location.href='${ctx}/';
 },5000);//5秒后返回首页
 after();
});
//自动刷新页面上的时间
function after(){
 $("#time").empty().append(i);
 i=i-1;
 setTimeout(function(){
 after();
 },1000);
}

点击按钮出现5秒倒计时js代码





无标题文档




 

  
var countdown=5; 
function settime(val) { 
if(countdown != 0){
val.setAttribute("disabled", true); 
val.value="重新发送(" + countdown + ")"; 
countdown--; 
}else {
 val.removeAttribute("disabled"); 
 val.value="免费获取验证码"; 
 countdown = 5;

return;//避免无限循环
 } 
setTimeout(function() {
settime(val) 
},1000) 
}


以上就是创新互联小编为大家收集整理的使用javascript如何实现一个5秒倒计时并跳转功能,如何觉得创新互联网站的内容还不错,欢迎将创新互联网站推荐给身边好友。


网页名称:使用javascript如何实现一个5秒倒计时并跳转功能
文章分享:http://hbruida.cn/article/ijopic.html