欢迎您来到懒之才-站长的分享平台!   学会偷懒,并懒出境界是提高工作效率最有效的方法!
首页 > 教程文档 > Js&Ajax > 一个Javascript编写的时钟

一个Javascript编写的时钟

2018-05-07 454 收藏 0 赞一个 0 真差劲 0 去评论

QQ截图20180507111218.png

点击“启动时钟”则时钟开始运行。它从你的计算机中读取时间并每半秒更新一次文字框中的显示。这个例子通过一个自调用的函数设置了一个定时器。同时这个例子可以让你了解一点Date对象的功能。当讲解cookies时,我提到过Date对象。(详情请参考附件)

以下是代码:

function writeTime() {
   // 获得日期对象
  var today = new Date();
  // 从对象中获得信息
  var hours = today.getHours();
  var minutes = today.getMinutes();
  var seconds = today.getSeconds();
  // fixTime 使分和秒可以正常显示
  // 对于小于10的数字则在该数字前加一个0
  minutes = fixTime(minutes);
  seconds = fixTime(seconds);
  //将时间字符串组合在一起并写出
  var the_time = hours + ":" + minutes + ":" + seconds;
  window.document.the_form.the_text.value = the_time;
  //每半秒钟执行一次该函数
  the_timeout= setTimeout('writeTime();',500);
}
function fixTime(the_time) {if (the_time <10) { the_time = "0" + the_time; } return the_time; }

我们仔细研究一下代码。

var today = new Date();

正如new Array()可以生成一个新的数组,你可以可以用new Date()生成一个新的日期对象。生成对象之后,你可以对其提出你的问题。你生成的新的日期对象的括号中间没有任何参数, 但JavaScript会查询计算机的始终并用其生成新的日期对象。现在我们的日期对象名为"today" ,我们可以从中提取相应的信息。

var hours = today.getHours();

这条用于获得当前的小时值。它是军队格式的时间,即,如果当前时间是下午两点,则它返回的值是14。getHours()是Javascript的日期对象内置的方法调用。

var minutes = today.getMinutes(); var seconds = today.getSeconds();

这几行原理和getHours()类似。

minutes = fixTime(minutes);

getMinutes存在一些问题,如果分钟是11:01,getMinutes将返回 "1"。时钟的显示格式可不是这样,它应该显示为“01”。fixTime函数就是用于执行纠正显示格式的功能。下面两行将字符串组合在一起并显示出来,

the_timeout = setTimeout('writeTime();', 500);

设置没半秒执行一次该函数的循环。

下面我们将学习如何在定时器中加入变量。

返回主目录
暂无界面图片

一、推荐使用迅雷或快车等多线程下载软件下载本站资源。

二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。

三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!

四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.

五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。

六、如需转载本站资源,请注明转载来自并附带链接

七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com

大家评论