HIMPUNANJAVASCRIPT

kategori skrip
:: permainan
:: navigasi
:: semakan input
:: tarikh dan masa
:: lain-lain

komuniti
.. artikel
.. sumbangan
.. sumber rujukan
.. penulis

tarikh dan masa | jam loceng vibrator

Klik Jam Loceng Vibrator. Pilih masa penggera. Klik Browse. Pilih fail lagu yang berada di dalam PC anda. Apabila masa semasa menyamai masa penggera, tetingkap Jam Loceng Vibrator akan bergetar dan lagu yang anda pilih akan berbunyi.
diubahsuai daripada skrip jam loceng oleh John Caranta dan skrip gempa bumi oleh Mark Gobbin.

Kod Contoh

Salin skrip di bawah (klik pilih semua, klik kanan pada skrip dan pilih Copy) dan tampalkan di dalam perisian editor HTML anda (Notepad atau Frontpage). Simpan fail sebagai jam_loceng.htm.

<HTML>
<HEAD>
<TITLE>Jam Loceng Vibrator</TITLE>
<HEAD>
<script language="javascript">

//tukar gegaran di sini
var speed = 5    //kelajuan gegaran 
var ecount = 50   //tempoh gegaran 
var violence = 20   //kekuatan gegaran

var T = 0;          
var num_x;          
var num_y;          
var positivity_x;   
var positivity_y;

//menjana nombor rawak
function randomnums() 
{

positivity_x = Math.round(Math.random());
positivity_y = Math.round(Math.random());
num_x = Math.round(violence * Math.random());
num_y = Math.round(violence * Math.random());

if (positivity_x == 1){
}
else 
{
num_x = -num_x;
}

if (positivity_y == 1){
}
else 
{
num_y = -num_y;
}

}

//fungsi gegar
function equake() {
window.focus();
if (T >= ecount){
T = 0
} 
else{ 
setTimeout("window.moveBy(-num_x,-num_y)", speed);

randomnums(); 
	
setTimeout("window.moveBy(num_x,num_y)", -speed);

T = eval(T + 1);
setTimeout("equake()", speed);
}
}

var alarmTime;
var curTime;
var check = new Date();
var hourNum;
var minNum;

//dapatkan masa terkini
function GetTime() {
var dt = new Date();
document.clock.local.value = IfZero(dt.getHours()) + ":" + IfZero(dt.getMinutes());
setTimeout("GetTime()", 1000);
curTime = (IfZero(dt.getHours()) + ":" + IfZero(dt.getMinutes()));
}

//tambah 0 bagi waktu < 10
function IfZero(num) {
return ((num <= 9) ? ("0" + num) : num);
}

//set penggera
function alarmSet() {
hourNum = document.clock.hourOpt[document.clock.hourOpt.selectedIndex].value;
minNum = document.clock.minOpt[document.clock.minOpt.selectedIndex].value;
alarmTime = hourNum + ":" + minNum;
alarmOn();
}

//penggera
function alarmOn() {
if (alarmTime == curTime) {
document.all.sound.src = document.clock.alarmSound.value;
equake();
}
else {
setTimeout("alarmOn()", 1000)
   }
}

//  End -->
</script>
<bgSound src="" id="sound">
</HEAD>
<BODY onLoad="GetTime()"  bgcolor="#CCCCCC">
<form name="clock">
<fieldset>
<legend><font face="verdana" size="2"><b>Jam Loceng Vibrator</b></font></legend>
<table width=300 border=0 cellspacing="1">
<tr>
 <td height="20"></td>
 <td></td>
</tr>
<tr>
 <td><font face="verdana" size="2">  Waktu semasa</font></td>
 <td><input size="10" name="local"></td>
</tr>
<tr>
 <td><font face="verdana" size="2">  Masa pengera</font></td>
 <td>
  <select name=hourOpt onChange="alarmSet()" size=1>
  <option value="00">00<option value="01">01<option value="02">02<option value="03">03
  <option value="04">04<option value="05">05<option value="06">06<option value="07">07
  <option value="08">08<option value="09">09<option value="10">10<option value="11">11
  <option selected value="12">12
  <option value="13">13<option value="14">14<option value="15">15<option value="16">16
  <option value="17">17<option value="18">18<option value="19">19<option value="20">20
  <option value="21">21<option value="22">22<option value="23">23
  </option>
  </select> 
  <select name=minOpt onChange="alarmSet()" size=1>
  <option selected value="00">00<option value="01">01<option value="02">02<option value="03">03 
  <option value="04">04<option value="05">05<option value="06">06<option value="07">07
  <option value="08">08<option value="09">09<option value="10">10<option value="11">11
  <option value="12">12<option value="13">13<option value="14">14<option value="15">15
  <option value="16">16<option value="17">17<option value="18">18<option value="19">19
  <option value="20">20<option value="21">21<option value="22">22<option value="23">23
  <option value="24">24<option value="25">25<option value="26">26<option value="27">27
  <option value="28">28<option value="29">29<option value="30">30<option value="31">31
  <option value="32">32<option value="33">33<option value="34">34<option value="35">35
  <option value="36">36<option value="37">37<option value="38">38<option value="39">39
  <option value="40">40<option value="41">41<option value="42">42<option value="43">43
  <option value="44">44<option value="45">45<option value="46">46<option value="47">47
  <option value="48">48<option value="49">49<option value="50">50<option value="51">51
  <option value="52">52<option value="53">53<option value="54">54<option value="55">55
  <option value="56">56<option value="57">57<option value="58">58<option value="59">59
  </option>
  </select>
 </td>
</tr>
<tr>
 <td><font face="verdana" size="2">  Lagu pilihan</font></td>
 <td>
  <input type=file size=10 name=alarmSound>
 </td>
</tr>
<tr>
 <td height="20"></td>
 <td></td>
</tr>
</table>
</fieldset>
</form>
</body>
</HTML>