android 跑马灯滚动条,滚动条和跑马灯

1、其他函数

obj = setInterval('函数名称', 毫秒数);   clearInterval(obj);  --->这就相当于一个定时器;

obj = setTimeout('函数名称', 毫秒数);    clearTimeout(obj);

2、滚动条

!DOCTYPE html>

页面一

/*            window.prb = 10;

function Foo(){

var id = document.getElementById('process');

window.prb += 10;

if(window.prb > 100){

clearInterval(window.interval);

}else{

id.style.width = window.prb + '%';

}

}

window.interval = setInterval('Foo()', 500);  //设置定时器

*/

window.prb = 10;

function Foo(){

var id = document.getElementById('process');

window.prb += 10;

if(window.prb > 100){

clearTimeout(window.interval);

}else{

id.style.width = window.prb + '%';

}

}

window.interval = setTimeout('Foo()', 500);

运行结果

0818b9ca8b590ca3270a3433284dd417.png

3、跑马灯

html>

欢迎上级领导来校视察  

function Go(){

var content = document.title;   //DOM获得标签的内容

var firstChar = content.charAt(0);

var sub = content.substring(1, content.length);

document.title = sub + firstChar;

}

interval = setInterval('Go()', 200);

function stop(){

clearTimeout(interval); //停止当前的程序运行。

}

运行结果

0818b9ca8b590ca3270a3433284dd417.png

4、总结

(1)、num = setInterval('事件函数', 毫秒),这个函数(setInterval)就是一个定时器,每隔多长时间执行一次这个函数;

clearInterval(num),就是终止执行定时器函数;

(2)、num = setTimeout('事件函数', 毫秒),这个函数只执行一次,就不在执行;

clearTimeout(num),终止定时器的执行;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值