JSFiddle - React, Tailwind, and code Playground

by René Heymans

HTML

<!DOCTYPE html>

<title>Slow writing test 1, as per René (RAH)</title>

<body>
        <p id="slowpara"></p>
</body>

JavaScript

function writeSlowly(text, timer) {
    var L= text.length;
    var delay = 0;
    for (var i = 0; i < L; i += 1) {
        setTimeout(writer, delay += timer);
    };
    function writer() {
        if (!writer.seq) writer.seq = 0;
        document.getElementById("slowpara").innerHTML = text.substring(0, ++writer.seq);
        if (writer.seq === L -1) {end = new Date(); alert (end - begin);};
    }
}

var begin = new Date();
var end;
var para = "This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page takes a while to load.This page...