beberapa hari yang lalu saya telah menuliskan tentang Contoh Penguunaan JavaScript. kali ini saya akan mencoba membagikan lagi Contoh Penguunaan JavaScript. jika pada postingan sebelumnya sanya membagikan contoh dengan menggunakan JavaScript untuk menampilkan coockies, kali ini adalah JavaScript untuk melakukan auto refresh. langsung saja ini sintaknya,
dan ini screenshootnya.
<!DOCTYPE html>
<head>
<script type="text/JavaScript">
<!--
function timedRefresh(timeoutPeriod) {
setTimeout("location.reload(true);",timeoutPeriod);
}
// -->
</script>
<title>HTML5</title>
<header>
<h1 align="center">Header HTML 5</h1>
<hr size=1 color="black"/>
<p><time pubdate datetime="2011-03-15"></time></p>
</header>
<nav>
<a href="/home/">Home</a>
<a href="/profil/">Profil</a>
<a href="/contact/">Contact</a>
<a href="/About Us/">About Us</a>
</nav>
<hr size=1 color="black"/>
</head>
<body onload="JavaScript:timedRefresh(5000);">
<article>
<h3>HTML 5</h3>
<p color="red">Ini adalah contoh penggunaan JavaScript dengan efek auto refresh. Halaman Ini akan di refresh secara otomatis. pada tag body tertulis angka 5000
menandakan rentang waktu untuk melakukan refresh. Karena tertulis angka 5000, maka halaman akan ter-refresh setiap 5 detik. <br>
Mungkin Proses ini tidak terlalu terlihat karena halaman web ini terlalu ringan, sehinngga tidak membutuhkan waktu lama untuk melakukan refresh. namun jika diperhatikan
pada browser, pada icon refresh akan berkedip setiap 5 detik. ini menandakan bahwa halaman sedang di refresh.
<textarea rows="4" cols="50">
ini adalah contoh textarea
</textarea>
</article>
<hr size=1 color="black"/>
<footer>
© <i>design by </i> <span style="color:green">Dimas Setiawan</span>
</footer>
</body>
</html>
dan ini screenshootnya.
klik gambar untuk memperbesar
0 commen:
Post a Comment