使用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://bzwzjz.com/article/ijopic.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站设计 温江网站设计 营销网站建设 成都定制网站建设 外贸网站建设 网站制作 成都网站建设 成都网站设计制作公司 企业网站设计 网站建设推广 成都网站制作 网站制作报价 上市集团网站建设 公司网站建设 专业网站设计 成都网站建设 网站设计 自适应网站建设 移动网站建设 网站制作公司 网站制作 营销型网站建设