计时器方法的使用（网页）

来源：互联网发布：优化发展环境工作总结编辑：程序博客网时间：2024/05/16 18:51

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
var timerId;
function showDate(){
var date = new Date();//yyyy-mm-dd hh:mm:ss
//var st = date.toLocaleString();//将日期对象转换为符合本地格式的字符串
var strDate = date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate()+' '+date.getHours()+':'+date.getMinutes()+':'+date.getSeconds();
//是一个系统函数可能是一个window对象的方法

var span = document.getElementById('showDate');//span对象

//alert(span);
span.innerHTML = strDate;//innerHTML的作用：用于获取或者设置标签中的内容
//timerId = setTimeout('showDate()',1000);
//timerId = setInterval('showDate()',1000);
}

function stopTime(){
//clearInterval(timerId);
clearTimeout(timerId);
}

function startTime(){
//timerId = setInterval('showDate()',1000);//创建一个定时器每隔指定的时间间隔执行一次指定的方法或者函数
timerId = setTimeout('showDate()',1000);//创建一个定时器每隔指定的时间间隔执行一次指定的方法或者函数
}

</script>
</head>

<body>
<span>当前时间是：</span><span id="showDate"> </span>
<input type="button" value="开始时间跳动" onclick="startTime()"/>
<input type="button" value="停止时间跳动" onclick="stopTime()"/>
</body>
</html>

0 0