简单的javascript实例一(时钟特效)

时间:2023-12-12 17:16:38

方便以后copy

时钟特效

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>时钟特效</title>
<script type="text/javascript">
function time(){
var today = new Date(); //得到当前时间
//获得年、月、日、小时、分钟、秒
var yy = today.getFullYear();
var MM = today.getMonth();
var dd = today.getDay();
var hh = today.getHours();
var mm = today.getMinutes();
var ss = today.getSeconds(); document.getElementById("time").innerHTML="<h1>"+yy+"年"+MM+"月"+dd+"日"+hh+":"+mm+":"+ss+"</h1>";
//每秒钟回调一次
setTimeout(time,1000);
}
</script>
</head>
<body onload="time()">
<div id="time"></div>
</body>
</html>

JavaScript中提供了两个定时器函数:setTimeout()和setInterval()。

setTimeout()用于在指定的毫秒后调用函数或计算表达式。语法格式如下:

setTimeout(调用的函数名称,等待的毫秒数)    如:

setTimeout(time,1000);

可以使用clearTimeout()清除定时器,如:

var t = setTimeout(time,1000);
clearTimeout(t);//清除定时器

setInterval()可按照指定的周期(以毫秒计)来调用函数或计算表达式。语法格式如下:

setInterval(调用的函数名称,周期性调用函数之间间隔的毫秒数)   如:

setInterval(time,1000);

可以使用clearInterval()清除定时器,如:

var t = setInterval(time,1000);
clearInterval(t);//清除定时器

setTimeout()只执行一次,如果要多次调用函数,需要使用setInterval()或者让被调用的函数再次调用setTimeout()。