js 小实例(时钟、延时提示框)

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


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值