javascript - 微信端setinterval与微信的按住屏幕滑动事件冲突
伊谢尔伦
伊谢尔伦 2017-04-10 17:48:25
[JavaScript讨论组]

微信端setinterval与微信的按住屏幕滑动事件(按住屏幕不放进行上下或者左右滑动)冲突,在setinterval进行倒计时的执行,但是微信端的滑动事件让setinterval不执行,只有手指放开才继续执行,查文档,使用preventDefault函数在touchmove可以让setinterval不受影响,但是失去了微信端本来流程的滑动效果,使用js模拟滑动,效果很一般。求大神有没有更好的解决方案

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(3)
黄舟

用requestAnimationFrame 试试,没试过随便说一下哈。

迷茫

hammer.js
https://hammerjs.github.io/;
预填一坑,$(".class")[0],不谢

PHPz

var timer = (function() {

    return function(json) {
        
        if (json.currentTime) {

            var now = new Date();

            var year = now.getFullYear();//返回年份(4位数字)

            var month = now.getMonth() + 1;//返回月份(0-11,所以+1)

            var day = now.getDate();//返回某天(1-31)

            var h = now.getHours();//返回小时(0-23)

            var m = now.getMinutes();//返回分钟(0-59)

            var s = now.getSeconds();//返回秒数(0-59)
            //补O
            m = m < 10 ? '0' + m : m;

            s = s < 10 ? '0' + s : s;

            var weekday = [ '星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六' ];

            $(json.objId).html(year + '年'
    • month + '月' + day + '日' + weekday[now.getDay()]

    • ' ' + h + ':' + m + ':' + s);

                setTimeout(function() {
                    timer(json)
                }, 1000);
      
            } else {
      
    1. endtime = new Date(json.endtime);//结束时间

    2. nowtime = new Date();//当前时间

    3. lefttime = parseInt((endtime.getTime() - nowtime.getTime()) / 1000); //计算差的秒数

                //一天24小时  一小时60分钟  一分钟60秒
      
    4. = parseInt(lefttime / 3600 / 24);

    5. = parseInt((lefttime / 3600) % 24);

    6. = parseInt((lefttime / 60) % 60);

    7. = parseInt(lefttime % 60);

                $(json.objId).html(d + "天" + h    + "小时" + m + "分" + s + "秒");            
    8. (lefttime > 0) {

                    setTimeout(function() {
                        timer(json)
                    }, 1000);
                }else{
                    $(json.objId).html("对不起,活动已结束");
                }
            }
      
        }
      

    })()
    window.onload = function() {

       /*     显示当前时间
       timer({
           currentTime : true,
           objId : '#thisTime'
       }) */
       timer({
           objId : '#restTime', //p id 显示
    1. : ‘2016/07/12 18:00’ //必须是这个格式或者是date类型

         })

      }

    热门教程
    更多>
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
    php中文网:公益在线php培训,帮助PHP学习者快速成长!
    关注服务号 技术交流群
    PHP中文网订阅号
    每天精选资源文章推送
    PHP中文网APP
    随时随地碎片化学习

    Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号