auto scroll text on hover

<style type="text/css">
.scroller {
    width: 250px;
    height: 75px;
    border: 1px solid #ccc;
    overflow: auto;
}
</style>
<script type="text/javascript">
var scrollTimer = null;
var scrollPane = null;
function myScroll(elm) {
    if (elm) {
        scrollPane = elm;
        scrollTimer = setInterval("myScroll()", 40);
    }
    if ((scrollPane.scrollHeight-scrollPane.scrollTop)>scrollPane.clientHeight) {
        scrollPane.scrollTop += 2;
    }
    else stopScroll();
}
function stopScroll() {
        clearInterval(scrollTimer);
        scrollPane = null;
}
</script>

<div class="scroller" onmouseover="myScroll(this)" onmouseout="stopScroll()">
    <p>Bacon ipsum dolor sit amet shoulder filet mignon biltong, capicola beef spare ribs frankfurter kielbasa salami.</p>
    
    <p>Rump venison andouille, pork chop ribeye cow short loin meatloaf prosciutto jowl frankfurter tenderloin hamburger ham.</p>
    
    <p>Pork belly sirloin t-bone swine. Turkey ham hock bacon, ball tip filet mignon pig andouille venison pork loin pork chop kielbasa</p>
</div>

function stopScroll(bBackToTop) {
        clearInterval(scrollTimer);
        if (bBackToTop) scrollPane.scrollTop = 0;
        scrollPane = null;
}

<div class="scroller" onmouseover="myScroll(this)" onmouseout="stopScroll(true)">

<div class="scroller" onmouseover="myScroll(this)" onmouseout="stopScroll(true)">

<div class="scroller" onmouseover="myScroll(this)" onmouseout="stopScroll(true)">