How to add Pause button for Scrollable list

Currently, you can enable next, prev and indicator buttons in the Scrollable list with friendly settings in the View.
To add the pause button, please add this code to Custom JS field in Content Views >> Settings page:

/* Add pause button for scrollable list */
$('.left.carousel-control').after('<a class="pause carousel-control"><span class="glyphicon glyphicon-pause"></span></a>');
$('.pause.carousel-control').on('click',function(){
    var $carousel = $(this).closest('[data-ride="cvcarousel"]'), $button = $(this).find('span');
    if($button.hasClass('glyphicon-pause')){
        $carousel.cvcarousel('pause');
        $button.removeClass('glyphicon-pause').addClass('glyphicon-play');
    } else {
        $carousel.cvcarousel('cycle');
        $button.addClass('glyphicon-pause').removeClass('glyphicon-play');
    }
});

Thank you,