时钟 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>