Kita bisa membuat screen saver di halaman website kita dengan cara seperti screen saver pada sistem komputer kita jika tidak ada waktu proses pengerjaan mouse dan keyboard dengan waktu tertentu (timeout) maka akan muncul screen saver, pada bagian pertama ini kita membuat screen saver yang bisa jalan jika jendela/window dari website kita sedang dibuka/diaktifkan saja.
Ada 2 file yang pertama file demo.html contoh halaman website memberikan waktu habis (timeout) jika tidak ada pengerjaan mouse dan keyboard pada web yang kita buat.
1. demo.html
<html>
<head>
<title>Screen Saver 1</title>
<script language="JavaScript">
Timeout=5000 // waktunya 5 detik
Timer=""
function oStatic()
{
clearTimeout(Timer)
if(timerRunning == true||blurred==1)
{
return
}
timerRunning = true
win1=location.replace("saver.html");
Timer=setTimeout("oStatic()",Timeout)
}
opened=0
function oActive()
{
clearTimeout(Timer)
if(opened==1){return}
timerRunning = false
Timer=setTimeout("oStatic()",Timeout)
}
document.onmousemove=oActive
document.onmousedown=oActive
document.onkeypress=oActive
setTimeout("oActive()",1000)
</script>
</head>
<body onblur="blurred='1'" onfocus="blurred='0';oActive()">
<h1><center>Contoh Screen Saver yang pertama</center></h1>
Screen saver aktif / jalan jika halaman jendela web di lihat / diaktifkan / dibuka.
</body>
</html>
2. saver.html
<html>
<head>
<title>Screen Saver</title>
<script language="JavaScript">
function init(){
ignore=0
document.onmousemove=gone
document.onmousedown=gone
document.onkeypress=gone
}
function gone(){
if(ignore==0){
ignore=1
return}
location.replace("demo.html");
}
setTimeout("init()",1000)
</script>
</head>
<body bgcolor="#000000">
<marquee><h1><font >Assalamualaikum Wr. Wb. ini screensaver yang jalan di website</font></h1></marquee>
</body>
</html>
Selamat mencoba, semoga berarti.
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar