web前端js实现倒计时效果

- 日理万妓 2022-07-11 11:14 338阅读 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);
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，338人围观）

还没有评论，来说两句吧...

相关阅读

相关 js实现倒计时

最近有个页面需要实现，验证码发送后，进行60s的倒计时， ![Center][] 代码： var flag = 1; var i = 60;

谁借莪１个温暖的怀抱￠/ 2022年07月27日 14:55/ 0 赞/ 253 阅读

相关 web前端js实现倒计时效果

var header_timer; var current_timer; var intDiff = 300; function timer(i

- 日理万妓/ 2022年07月11日 11:14/ 0 赞/ 339 阅读

相关 JS实现倒计时效果

1. 显示当前系统时间 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Typ

柔情只为你懂/ 2022年06月10日 02:15/ 0 赞/ 287 阅读

相关倒计时效果

知识点 JavaScript Date （日期对象） Date() 返回当前的日期和时间 getDate() 查看date对象并返回日期（1-31） ge

秒速五厘米/ 2022年06月07日 10:23/ 0 赞/ 237 阅读

相关 js倒计时效果

<ul> <li class="time hms"> <span></span

╰半橙微兮°/ 2022年05月23日 10:10/ 0 赞/ 241 阅读

相关 JS-实现秒表倒计时+缓存倒计时

实现秒表倒计时+缓存倒计时功能 <!DOCTYPE html> <html> <head> <meta ch

约定不等于承诺〃/ 2022年05月17日 12:38/ 0 赞/ 388 阅读

相关 js实现倒计时

<body contenteditable="true" spellcheck="false" style="height: 400px;">

我会带着你远行/ 2022年05月17日 06:48/ 0 赞/ 271 阅读

相关 JS倒计时实现

此为分秒单位倒计时，需要时分秒倒计时的可以自行修改，也可到我的资源中去下载。 <html> <head> <meta charset="UTF-8"> <ti

约定不等于承诺〃/ 2022年04月10日 05:22/ 0 赞/ 464 阅读

相关 $notify实现倒计时效果

//倒计时 countDown() { const TIME_COUNT = 10; if (!this.timer) {

「爱情、让人受尽委屈。」/ 2021年09月08日 04:16/ 0 赞/ 602 阅读

相关 js如何实现简易倒计时效果

js如何实现简易倒计时效果实现倒计时功能首先是得到目标时间，然后用当前时间减去目标时间，最后将时间差传化为天数、时、分、秒。由于得到的时间不能直接运算，可以采用obje...

红太狼/ 2020年06月06日 19:11/ 0 赞/ 788 阅读