KITASENJU DESIGN BLOG

memo, html, javascript, unity

クワイン

js 
<html id="hoge">
<head>
</head>
<body>

<div id="fuga"></div>

<script>

window.addEventListener('DOMContentLoaded', function(){

document.getElementById('hoge').style.fontSize="25px";
document.getElementById('hoge').style.background="#000";
document.getElementById('hoge').style.color="#fff";
document.getElementById('hoge').style.fontFamily="sans-serif";
document.getElementById('hoge').style.lineHeight="160%";
document.getElementById('hoge').style.margin="30px";
document.getElementById('hoge').style.textAlign="justify";





document.getElementById('hoge').innerHTML = "" + location.href;

    // (1) XMLHttpRequest Object
    const xhr = new XMLHttpRequest();

    // (2) file name
    xhr.open('get', location.href);
  
    // (3) send request
    xhr.send();

    xhr.onreadystatechange = function() {

        // (4) correct sa
        if( xhr.readyState === 4 && xhr.status === 200) {

            // (5) テキストファイルをページに表示
            const file_area = document.getElementById('hoge');
            //console.log(this.responseText)
            
            let text = ""+escapeHTML(this.responseText);
            let idx = 0;
            setInterval(()=>{
                if(idx<=text.length){
                    file_area.innerHTML=text.substr(0,idx);
                    idx++;
                }
            },1000/60);

        }
    };


var escape = document.createElement('textarea');
function escapeHTML(html) {
    escape.textContent = html;
    return escape.innerHTML;
}

function unescapeHTML(html) {
    escape.innerHTML = html;
    return escape.textContent;
}

})



</script>


</body>    

</html>
"FOOTER"