1.单选框/复选框/列表框

案例1-定时弹出广告
需求:
打开页面后4秒,展示广告,2秒之后,该广告隐藏.再停2秒,继续展示.
技术分析:
定时器
定时器(BOM(浏览器对象模型)-window对象)
setInterval(code,毫秒数):周期执行 

说明:

code 必需。要调用的函数或要执行的代码串

A.单选框/复选框在HTML中默认被选定,需

setTimeout(code,毫秒数):延迟多长事件后 只执行一次.

要使用checked=”checked”属性;在HTMLDOM编程时

清除定时器
clearInterval(id):  由 setInterval() 返回的 ID 值。
clearTimeout(id):
步骤分析:
1.确定事件  
2.编写函数
a.获取元素
b.操作元素
////////////////////////
1.html页面,先把广告隐藏

需要使有object.checked = boolean语句。

<div id=”ad”
style=”width:100%;display:
none
澳门新葡亰,;”>
<img src=”../img/ad_.jpg” width=”100%” />
</div>

B.所有表单控件(如单行文本框、密码框等)都存

2.页面加载成功事件 onload

在disabled=”disabled”属性(禁用);在HTMLDOM

onload=function(){
//设置定时器 间隔4秒后展示图片
timer=setInterval(showAd,4000); 
代码串
}

编程时使用object.disabled = boolean语句。

3.编写函数

二、选取对象的方法(总结)

function showAd(){
//展示的次数加1
i++;

A.document.getElementById(string id)

//若i=3 清空由setinterval设置的定时器
if(i==3){
clearInterval(timer);
}

B.Element.getElementsByTagName
(string tagName)

//1.获取广告
var divObj=document.getElementById(“ad”);

返回由标记名称所组成的集合(NodeList)。

//2.修改广告的样式 将其显示
divObj.style.display=”block”;

C.document.getElementsByName
(string name)

//3.2秒之后隐藏 只执行一次
setTimeout(hideAd,2000); hideAd() 2秒后 要执行的方法

返回具有相同name属性的对象所组成的集合
(主要用于复选框)

}

网站地图xml地图