web前端js实现倒计时效果

最新推荐文章于 2024-04-20 22:50:15 发布

冰雪Love齐迹

最新推荐文章于 2024-04-20 22:50:15 发布

阅读量2.9k

点赞数

分类专栏： web前端开发文章标签： js web前端

本文链接：https://blog.csdn.net/liqi_q/article/details/54693967

版权

web前端开发专栏收录该内容

6 篇文章 0 订阅

订阅专栏

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);
}