- Progress bar
Kemudian masukan kode ini :
<table align="center"><tr><td>Kemudian save as types : All Files dan Simpan dengan terserah anda.html
<div id="showbar" style="font-size:8pt;padding:2px;border:solid black 1px;visibility:hidden">
<span id="progress1"> </span>
<span id="progress2"> </span>
<span id="progress3"> </span>
<span id="progress4"> </span>
<span id="progress5"> </span>
<span id="progress6"> </span>
<span id="progress7"> </span>
<span id="progress8"> </span>
<span id="progress9"> </span>
<span id="progress10"> </span>
<span id="progress11"> </span>
<span id="progress12"> </span>
<span id="progress13"> </span>
<span id="progress14"> </span>
<span id="progress15"> </span>
<span id="progress16"> </span>
<span id="progress17"> </span>
<span id="progress18"> </span>
<span id="progress19"> </span>
<span id="progress20"> </span>
</div>
</td></tr></table>
<script language="javascript">
var progressEnd = 20; // set to number of progress <span>'s.
var progressColor = 'blue'; // set to progress bar color
var progressInterval = 1000; // set to time between updates (milli-seconds)
var progressAt = progressEnd;
var progressTimer;
function progress_clear() {
for (var i = 1; i <= progressEnd; i++) document.getElementById('progress'+i).style.backgroundColor = 'transparent';
progressAt = 0;
}
function progress_update() {
document.getElementById('showbar').style.visibility = 'visible';
progressAt++;
if (progressAt > progressEnd) progress_clear();
else document.getElementById('progress'+progressAt).style.backgroundColor = progressColor;
progressTimer = setTimeout('progress_update()',progressInterval);
}
function progress_stop() {
clearTimeout(progressTimer);
progress_clear();
document.getElementById('showbar').style.visibility = 'hidden';
}
//progress_update(); // start progress bar
</script>
<input type="button" name="b1" value="Start/High Progress Bar" onClick="progress_update()">
<input type="button" name="b2" value="Stop/Low Progress Bar" onClick="progress_stop()">
- Waktu Mundur Yang Bisa Diatur
Kemudian masukan kode ini :
<html>Kemudian save as types : All Files dan Simpan dengan terserah anda.html
<script language="javascript">
var jam, menit, detik, t;
function countdown(){
document.getElementById('timer').innerHTML = jam + ':' + menit + ':' + detik;
if(detik > 0){
detik--;
}else{
if(menit>0){
menit--;
detik=59;
}else{
if(jam>0){
jam--;
menit=59;
detik=59;
}else{
/*stop here*/
stop();
return(0);
}
}
}
t = setTimeout("countdown()", 1000);
}
function stop(){
clearTimeout(t);
}
function set(){
jam = document.getElementById('jam').value;
menit = document.getElementById('menit').value;;
detik = document.getElementById('detik').value;;
countdown();
}
</script>
<body>
<input type="text" id="jam" value ="0" size="2" maxlength="2"/>:
<input type="text" id="menit" value="0" size="2" maxlength="2"/>:
<input type="text" id="detik" value="30" size="2" maxlength="2"/> <input type="button" onclick="set();" value="Go"/>
<div id="timer"></div>
</body>
</html>
- Redirecting Ke Halaman Baru Pakai waktu Mundur/Seperti Download di 4shared
Kemudian masukan kode ini :
<script type="text/JavaScript"><!--Kemudian save as types : All Files dan Simpan dengan terserah anda.html
function eventualRedirect(redirectTo, timeoutPeriod) {
setTimeout("location.href = redirectTo;",timeoutPeriod);
} // -->
</script>
<script type="text/JavaScript">
<!--
setTimeout("location.href = 'http://www.wajibberbagi.blogspot.com/';",60000);//menentukan waktu hitung dalam mili second (detik)
-->
</script>
<h4 align="center">Anda akan dialihkan menuju halaman utama dalam
<script type="text/javascript">
var menit = 1; // Lamanya hitungan mundur (dalam menit)
var detik = 60; // Detik standar (sesuaikan dengan perintah setTimeOut)
var penghitung_detik = detik; // Set variabel detik yang lain untuk dimanipulasi
penghitung_detik = 0;
function hitung_mundur() {
penghitung_detik--; // Setiap siklus 1 detik mengurangi nilainya 1 poin
if (penghitung_detik == -1) { // Deteksi detik ketika nilainya "0"
menit--; // Setiap siklus 1 menit mengurangi nilainya 1 poin
penghitung_detik = detik; // Me-reset detik untuk memulai hitung mundur menit yang baru
if (menit <= -1) { // Hitung mundur selesai
menit = 0;penghitung_detik = 0; // Menset menit dan detik ke "0"
clearTimeout(penghitung); // Stop hitung mundur
}
}
if (document.getElementById) {
document.getElementById("hitung_mundur_tampil").innerHTML=penghitung_detik; // Memasukkan nilai variabel menit dan detik untuk ditampilkan
}
penghitung=setTimeout("hitung_mundur()", 1000); // Set siklus penghitungan mundur (standar: 1 detik)
}
if (document.all||document.getElementById)
document.write(' <b style="color:red" id="hitung_mundur_tampil">'+penghitung_detik+' </b>'); // Format tampilan hitung mundur di antarmuka
hitung_mundur();
</script>
detik</h4>
Tidak ada komentar:
Posting Komentar