JSFiddle - React, Tailwind, and code Playground

by Jeromy French

HTML

<section class="center">
    <div class="content">
        <p>It looks like your session timed out (they only last 60 minutes). Please
            sign in again.</p>
        <p>If you aren't redirected shortly, please <a href="index.cfm?fuseaction=Home.login"
            id="manual_link">sign in</a>.</p>
    </div>
</section>
<form id="security_redirect" action="index.cfm?fuseaction=Home.login"
method="post">
    <input type="hidden" name="requested_page" value="Timekeeping.home" />
    <input type="hidden" name="process_form_ind" value="1" />
</form>

JavaScript

//if user clicks the link, submit the form immediately
document.getElementById('manual_link').href = "#";
document.getElementById('manual_link').onclick = "javascript:submit_security_redirect(); return false;";

var submit_security_redirect = function () {
    alert('fire submit');
};

var onload_ready = function (remaining_time) {
    //don't execute more than once
    if (arguments.callee.done) return;
    arguments.callee.done = true;

    //submit the form after a 4 second delay
    setTimeout(function () {
        submit_security_redirect();
    }, remaining_time);
};

//once everything is defined, set things in motion
onload_ready(4000);