idsci/application/index/view/user/jump.html

<div class="common-bg">
    <div class="common-font">
        Logout out
    </div>
</div>
<div id="content-container" class="container">
    <div class="user-section login-section">
        <div class="login-main">
            <div class="logout-item">
                <div class="form-group">
                    <div class="controls">
                        <img src="__CDN__/assets/img/index/logo-black.png" alt="">
                    </div>
                </div>
                <div class="form-group logout-text-item">
                    <div class="controls logout-text">
                        Logout out
                    </div>
                    <div class="controls logout-content">
                        Page will jump
                    </div>
                    <div class="controls mt-2 logout-backwards">
                        This page will be re-directed in <span id="wait">3</span>s seconds
                    </div>
                </div>
                <!--@IndexLoginFormEnd-->
            </div>
            <div class="form-group">
                <a href="{:url('/')}" class="btn btn-default btn-lg btn-block mt-3 no-border">Jump Now</a>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    (function () {
        var wait = document.getElementById('wait');
        var interval = setInterval(function () {
            var time = --wait.innerHTML;
            if (time <= 0) {
                location.href = "/";
                clearInterval(interval);
            }
        }, 1000);
    })();
</script>
<style>
    .logout-item {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .logout-text-item {
        margin-top: 30px;
        margin-bottom: 40px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .logout-text {
        font-size: 18px;
        color: rgba(50,50,50,0.85);
        text-align: right;
        line-height: 22px;
        font-weight: 400;
        margin-bottom: 10px;
    }
    .logout-content {
        font-size: 14px;
        color: rgba(139,139,139,0.85);
        text-align: right;
        line-height: 22px;
        font-weight: 400;
    }
    .logout-backwards {
        font-weight: bold;
    }
</style>