setTimeout不能在移动Safari上间歇性地工作吗？

Question

$('.btn-activate').on('click touchstart', function() {
        $('.discount').each(function() {
            var $this = $(this);
            $({ countNum: parseInt($this.html())}).animate({
                    countNum: couponPercentage
                },
                {
                    duration: 1000,
                    easing:'linear',
                    step: function() {
                        $this.html(Math.floor(this.countNum) + '% OFF');
                    },
                    complete: function() {
                        $this.html(Math.floor(this.countNum) + '% OFF');
                        refreshIntervalId = setInterval(function() {
                            if ($this.css('visibility') == 'hidden') {
                                $this.css('visibility', 'visible');
                            } else {
                                $this.css('visibility', 'hidden');
                            }
                        }, 200);

                        setTimeout(function(){
                            clearInterval(refreshIntervalId);
                            if ($this.css('visibility') == 'hidden') {
                                $this.css('visibility', 'visible');
                            }
                        }, 2000);
                    }
                });
        });
    })

In the complete block, a blinking animation is attempted to be achieved. This works, but on Safari Mobile there are times when the setTimeout doesn't seem to work because the blinking animation doesn't stop.

Answer 1

Apparently this had something to do with using .on('click touchstart',...) .

There is some sort of double triggering happening when the user taps on the button. After removing the redundant touchstart , I'm no longer able to replicate this.