js第6章BOM,实现电⼦时钟⾃动⾛动的效果,并提供⼀个按
钮控制电⼦时钟是否停⽌⾛动
《JavaScript前端开发案例教程》⿊马程序员编著,中国⼯信出版集团,⼈民邮电出版社-课后习题
填空题
1. 在BOM中,所有对象的⽗对象是__window____。
2. _setTimeout()_____⽅法⽤于在指定的毫秒数后调⽤函数。
3. history对象的__length____可获取历史列表中的URL数量。
判断题
1. 全局变量可以通过window对象进⾏访问。(√ )
2. 修改location对象的href属性可设置URL地址。( √ )
3. history对象调⽤pushState()⽅法会改变历史列表中URL的数量。( √ )
4. screen对象的outerHeight属性⽤于返回屏幕的⾼度。( × )
选择题
1. 下列选项中,描述正确的是(B )。
A. resizeBy()⽅法⽤于移动窗⼝
B.pushState()⽅法可以实现跨域⽆刷新更改URL
C. window对象调⽤⼀个未声明的变量会报语法错误
D.以上选项都不正确
2.下⾯关于BOM对象描述错误的是( D )。
A. go(-1)与back()皆表⽰向历史列表后退⼀步
B.通过confirm()实现的确认对话框,单击击确认时返回true
C. go(0)表⽰刷新当前⽹页
D.以上选项都不正确
编程题
编写程序,实现电⼦时钟⾃动⾛动的效果,并提供⼀个按钮控制电⼦时钟是否停⽌⾛动。
<style>
timeout on t2 timerdiv{
height:50px;
line-height:50px;
text-align:center;
border:double #ccc;
width:100px;
}
</style>
<div id="clock"></div><p><button id="btn">暂停/开始</button></p>
<script>
var timer = null;
function startTime()
{
var now = new Date(); // 获取当前的时间的毫秒数
var h = Hours(); // 获取now的⼩时 (0 ~ 23)
var m = Minutes(); // 获取now的分钟 (0 ~ 59)
var s = Seconds(); // 获取now的秒数 (0 ~ 59)
/
/ 利⽤两位数字表⽰分钟和秒数
m = m < 10 ? '0'+ m : m;
s = s < 10 ? '0'+ s : s;
}
// 通过按钮控制时钟暂停或开始
if(timer){
clearTimeout(timer);
timer = null;
}else{
startTime();
}
}
</script>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论