今天实践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.学习编程是一个不断理解和运用的过程,直到你理解的深入,和运用得如鱼得水,那么编程就会是一门手艺了。

这门手艺也许让你烦躁又充满创造力的手艺

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

热门产品

php编程基础教程.pptx|php编程培训,php,编程,基础,教程,pptx
php编程基础教程.pptx

历史上的今天:04月17日

热门专题

云南开放大学|云南开放大学报名,云南开放大学报考,云南开放大学,什么是云南开放大学,云南开放大学学历,云南开放大学学费,云南开放大学报名条件,云南开放大学报名时间,云南开放大学学历,云南开放大学专业
云南开放大学
易捷尔高职单招|易捷尔高职单招,易捷尔高职单招培训,单招分数线,单招录取分数线,高职单招学校分数线
易捷尔高职单招
昆明综合高中|昆明综合高中
昆明综合高中
天麻的功效与作用吃法|天麻的功效与作用,天麻的功效与作用吃法,天麻炖什么治头痛最好,天麻的功效与作用禁忌,天麻多少钱一斤,天麻的功效与作用吃法及禁忌,天麻怎么吃效果最好,天麻粉的功效与作用,天麻怎么吃
天麻的功效与作用吃法
金诺幼儿园(春城路金诺幼儿园)|昆明官渡区幼儿园,幼儿园报名,官渡区幼儿园,春城路幼儿园,幼儿园招生,学前班,昆明幼儿园,金诺幼儿园,环城南路幼儿园,石井路幼儿园
金诺幼儿园(春城路金诺幼儿园)
云南巨榕教育投资集团有限公司|云南巨榕教育投资集团有限公司,巨榕教育集团,巨榕教育
云南巨榕教育投资集团有限公司
安徽中源管业有限公司|安徽中源管业有限公司,安徽中源管业有限公司介绍,安徽中源管业有限公司电话,安徽中源管业有限公司地址,安徽中源管业有限公司厂家,安徽中源管业有限公司电力管,安徽中源管业有限公司管材
安徽中源管业有限公司
易捷尔单招|易捷尔单招,易捷尔单招培训,易捷尔单招报名,易捷尔单招考试,易捷尔单招培训学校,易捷尔单招分数
易捷尔单招

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部