Pesan sistem
<!DOCTYPE html>
<html>
<head>
<title>Belajar Koding Informatika MAN Kapuas</title>
<styl>body {
margin: 0;
background-color: #000;
color: #0f0;
font-family: monospace;
font-size: 1.5rem;
padding: 5rem 2rem;
box-sizing: border-box;
}
#text {
transition: all ease 0.12s;
white-space: pre-wrap;
letter-spacing: 2px;
text-shadow: 0px 0px 10px #42fd424f, 0px 0px 20px #4bf34b8c,
0px 0px 30px #94ef9482;
}
</style>
</head>
<body>
<div id="text" contenteditable="false"></div>
<script>const textString = `Hi, Pak Bihann...
Saya berada dalam sistem komputermu...
Saya sangat senang berada disini...
Mari Pak, belajar koding bersama...`;
const textDiv = document.getElementById("text");
let idx = 0;
let it;
setText = _ => {
if (idx === textString.length) {
clearInterval(it);
setTimeout(_ => {
idx = 0;
textDiv.textContent = "";
it = setInterval(setText, 90);
}, 1000);
} else {
textDiv.textContent += textString[idx];
idx++;
}
};
it = setInterval(setText, 90);
</scrip>
</body>
</html>
0 komentar: