<p id='p'></p>
<script type='text/javascript'>
    function $(a){return document.getElementById(a)};

    var t='';
    setInterval(
        function(){
            $('p').innerHTML = t;
            t += '.';
            if( t.length > 10 )
                t = '';
        }
    ,100); 
</script>

<p id='p'></p>
<script type='text/javascript'>
    String.prototype.repeat = function( n ){
        var r = '';
        for( var i=0; i<n; i++ )
            r += this;
        return r;
    }

    function $(a){return document.getElementById(a)};

    var t=0;
    setInterval(
        function(){
            $('p').innerHTML = '.'.repeat(t);
            t = (t+1) % 11;
        }
    ,100); 
</script>