時鐘 js 代碼
<html>
<head>
<script type="text/javascript">
function startTime() {
var today = new Date() //得到當前時間對象
var h = today.getHours() //現在的小時數
var m = today.getMinutes() //現在的分鐘數
var s = today.getSeconds() //現在的描述
// add a zero in front of numbers<10 --將小於10的數值錢前加上0
m = checkTime(m) //調用下面的方法--作用:將12:3:4變成12:03:04
s = checkTime(s)
document.getElementById('txt').innerHTML = h + ":" + m + ":" + s //在<div id="txt"></div> 上顯示時間
t = setTimeout('startTime()', 500) //js的一個計時器..setTimeOut()兩個參數1:要執行的方法..2:間隔的時間(毫秒爲單位)1000ms=1s
}
function checkTime(i) { //將小於10的數值前面加上0
if (i < 10) {
i = "0" + i
}
return i
}
</script>
</head>
<body οnlοad="startTime()"> <!--該文件加載時執行startTime()方法-->
<div id="txt"></div> <!--顯示時間的位置-->
</body>
</html>
js 延時提示框
<html>
<head>
<style>
div{ float:left; margin-right:20px;}
#div1{width:100px; height:100px; background:#f00;}
#div2{width:200px; height:200px; background:#ccc; display:none;}
</style>
<script type="text/javascript">
window.οnlοad=function(){
var odiv1=document.getElementById('div1');
var odiv2=document.getElementById('div2');
var timer=null;
odiv2.οnmοuseοver=odiv1.οnmοuseοver=function(){
clearTimeout(timer);
odiv2.style.display = 'block';
}
odiv2.οnmοuseοut=odiv1.οnmοuseοut=function(){
timer=setTimeout(function(){odiv2.style.display = 'none';},500)
}
}
</script>
</head>
<body >
<div id="div1">1</div>
<div id="div2">2</div>
</body>
</html>