setTimeout() 方法的运用
2016-05-27 23:06
288 查看
setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。
一般使用
如果要多次使用的话,如下:
上面之所以定义一个t,是便于在后面代码中如果有要实现停止的时候可以用 clearTimeout(t)函数
下面是一个实现时钟的程序:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body onLoad="startTime()"> <!--因为这是两个函数盗用循环的过程,没有触发事件,因为在文中加载的时候调用startTime()函数开始执行-->
当前时间是:
<span id="demo"></span>
<script>
function startTime(value)
{
var time=new Date();
var h=time.getHours();
var m=time.getMinutes();
var s=time.getSeconds();
m=checkTime(m);
s=checkTime(s);
document.getElementById("demo").innerHTML=h+":"+m+":"+s;
setTimeout("startTime()",500);
}
function checkTime(i) /*注意此处是一个函数,因此函数前面要添加function */
{
if(i<10)
{
i="0"+i;
/*因为日期采用二十四紧进制格式一般为23:25:06
当i<10,这个时候i的取值是一位数,导致显示的格式上面少一位数
因此这里在i的前面添加"0",这样显示的时间在格式上面就是完整的了
*/
}
return i;
}
</script>
</body>
</html>
一般使用
setTimeout("alert('how are you?')",2000);
如果要多次使用的话,如下:
function ceh() { var t=setTimeout("ceh()",1000); }
上面之所以定义一个t,是便于在后面代码中如果有要实现停止的时候可以用 clearTimeout(t)函数
下面是一个实现时钟的程序:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body onLoad="startTime()"> <!--因为这是两个函数盗用循环的过程,没有触发事件,因为在文中加载的时候调用startTime()函数开始执行-->
当前时间是:
<span id="demo"></span>
<script>
function startTime(value)
{
var time=new Date();
var h=time.getHours();
var m=time.getMinutes();
var s=time.getSeconds();
m=checkTime(m);
s=checkTime(s);
document.getElementById("demo").innerHTML=h+":"+m+":"+s;
setTimeout("startTime()",500);
}
function checkTime(i) /*注意此处是一个函数,因此函数前面要添加function */
{
if(i<10)
{
i="0"+i;
/*因为日期采用二十四紧进制格式一般为23:25:06
当i<10,这个时候i的取值是一位数,导致显示的格式上面少一位数
因此这里在i的前面添加"0",这样显示的时间在格式上面就是完整的了
*/
}
return i;
}
</script>
</body>
</html>
相关文章推荐
- setTimeout() 方法的运用
- setTimeout() 方法的运用
- setTimeout() 方法的运用
- BZOJ_2049_[Sdoi_2008]_Cave_洞穴勘测_(LCT/并查集)
- linux安全审计和加固工具-lynis
- Hust oj 1074 Hexagonal Tiles(递推)
- 【深度学习学习记录】之一:开篇闲扯一些话
- 如何练习一万小时
- NGUI的原理机制
- 团队项目第二次冲刺Ⅲ
- 深入理解JAVA集合系列一:HashMap源码解读
- c语言实例之国家排序
- FPGA功耗估计(一)
- key_value 类型配置文件的解析
- 系统中的库函数与系统调用的区别与联系
- Java BASE64加密解密
- Iphone6手机不同浏览器页面尺寸设计
- 【转载】DXUT11框架浅析(4)--调试相关
- Alcatraz 的安装和删除
- 2016-5-25授课(3)