var timer;
$('button').on('mousedown', function () {
timer = setInterval(function () {
var value = $('input').val();
$('input').val(++value);
}, 500);
}).on('mouseup mouseleave', function () {
clearTimeout(timer);
});
Ну если, как говорите, используете Bootstrap, то там есть соответствующие css-классы visible-xs-*, visible-sm-* и т.д. Они как раз позволяют отображать контент только на конкретных устройствах