web前端js实现倒计时效果
2017-01-23 15:43
537 查看
var header_timer; var current_timer; var intDiff = 300; function timer(intDiff){ current_timer = window.setInterval(function(){ var day=0, hour=0, minute=0, second=0; if(intDiff > 0){ minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60); second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60); } if(intDiff==0) { $("#wx_img_src img").attr("src","/static/images/whchar_art.jpg"); $("#ai_img_src img").attr("src","/static/images/whchar_art.jpg"); } if (minute <= 9) minute = '0' + minute; if (second <= 9) second = '0' + second; $('.minute_time').html('<s></s>'+minute+'分'); $('.second_time').html('<s></s>'+second+'秒'); intDiff--; }, 1000); header_timer = current_timer; }
var reslut="请在<strong class='minute_time'>分</strong>" +"<strong class='second_time'>秒</strong>" +"内扫二微码,否则将会失效。"; if (platCode == "XINBPAY" || platCode == "DINPAYWX") { timer(intDiff); $("#wx_img_src").html(""); $('#qrcode').qrcode({text: data.obj,width: 200,height: 200}); $(".wx_img_tips").html(reslut); }else{ timer(intDiff); $('#qrcode').html(""); $(".wx_img").css("display","block"); $("#wx_img_src img").attr("src",data.obj); $(".wx_img_tips").html(reslut); }
相关文章推荐
- web前端复习(二):js日期操作,实现时间显示和倒计时效果
- 【web前端】团购类网站倒计时的js实现
- JS实现的网页倒计时数字时钟效果
- JavaScript-JS命名空间的构造和实现-[web前端开发]
- js/jquery实现免费获取手机验证码倒计时效果
- WEB前端开发学习----4.用JavaScript实现网页游戏的移动效果
- web前端 javascript 实现瀑布流页面布局效果的框架 v1.0.1
- 用table,js实现web动态取数据并实现分页效果
- web前端学习笔记---实现雪花飘落的效果
- JS实现倒计时和文字滚动的效果实例
- js实现页面倒计时效果
- js实现免费获取手机验证码倒计时效果
- JS简单实用的倒计时效果实现代码
- web前端学习(一) html+js实现文本框背景及只读属性修改
- 一个前端博客(5)——遮罩效果及tool.js实现
- JS实现的网页倒计时数字时钟效果
- 用table,js实现web动态取数据并实现分页效果
- js/jquery实现免费获取手机验证码倒计时效果
- 【web前端】JavaScript实现图片幻灯片滚动播放动画效果
- Web第三周-Web前端利用Js实现简单计算器功能