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

最新推荐文章于 2024-04-19 16:15:52 发布

理葵

最新推荐文章于 2024-04-19 16:15:52 发布

阅读量462

点赞数 1

本文链接：https://blog.csdn.net/u014605590/article/details/23271133

版权

<!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="开始时间跳动" οnclick="startTime()"/>
<input type="button" value="停止时间跳动" οnclick="stopTime()"/>
</body>
</html>

理葵

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
计时器方法的使用（网页）

无标题文档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
复制链接

扫一扫