Hola me gustaría poder hacer que el `id="botonstop"` parase la función desencadenada por el `id="boton"` que en este caso es un scroll automático. También me gustaría que pudiese ser compatible con que el scroll automático se activase nada más cargar la página.

<!-- begin snippet: js hide: false -->

<!-- language: lang-js -->

    $(document).ready(function() {
      $("#boton").click(function(event){ 
        $("html, body").animate({ scrollTop: '15000px' }, 10000);
      });
    });

<!-- language: lang-html -->

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <a id="boton" href="#bottom" style="position:fixed;">start scrolling</a>
    <a id="botonstop" href="#bottom" style="position:fixed; margin-top:30px;">stop scrolling</a>

    <div id="relleno" style="height:15000px; width:500px; background:green;">

    <h2 id="bottom">bottom of page</h2>


<!-- end snippet -->