今天实践JavaScript(BOM)---动态显示时间:
话就不多说,源码放下面了,节省了时间,不用下载,Ctrl+C(复制)
主要用到:Date 对象:
Date 对象用于处理日期与时间。
reload() 方法:
reload()方法用于刷新当前文档。
getElementById() 方法:
可返回对拥有指定 ID 的第一个对象的引用。这个以后案例会讲和实践
还有一个讲过的setInterval()
方法:
嗯,如果忘记了,很正常,
学习过程中,就是不断学习后巩固的过程:
看这一章的案例,重温一遍吧:
浏览器对象(BOM)---定时器
杨shu,公众号:一颗剽悍的种子
浏览器对象(BOM)---定时器
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
function click(){
var today = new Date();
var hours = today.getHours();
var minutes = today.getMinutes();
var seconds = today.getSeconds();
var str = '现在的时间是——';
if(hours <= 12){
str += '上午:'
}else{
str += '下午:'
}
str += hours+'时'+minutes+'分'+seconds+'秒';
var clock = document.getElementById('test');
clock.value = str;
}
t = setInterval('click()',1000);
function start(){
location.reload();
}
function stop(){
clearInterval(t);
}
</script>
<center>
<input type = "text" id = "test" size="35"/><br>
<input type = "button" value="开始" onclick = "start()"/><br>
<input type = "button" value="停止" onclick = "stop()"/>
</center>
</body>
</html>
《深入浅出JavaScript》最后说:
1.源码是完善的,可以运行的,但是不要只看,去敲一遍。
2.然后呢,再看一下这些代码的定义和方法。
3.学习编程是一个不断理解和运用的过程,直到你理解的深入,和运用得如鱼得水,那么编程就会是一门手艺了。
这门手艺也许让你烦躁又充满创造力的手艺
- 本文分类:菜鸟教程
- 本文标签:
- 本文链接:https://www.58how.com/Reference/73233.html

发表评论 取消回复