javascript实现模拟时钟的方法


Posted in Javascript onMay 13, 2015

本文实例讲述了javascript实现模拟时钟的方法。分享给大家供大家参考。具体实现方法如下:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>javascript模拟时钟</title>
 <!--Javascript示例代码解释:
 这个示例用到了Javascript内置对象Date的getFullYear,
 getMonth和getDate方法。首先申明一个变量d,var d = new Date(),
 表示将当天的日期值赋给变量d。然后使用getFullYear得到年份的值,
 用getMonth得到月份值(注:getMonth返回值范围为0到11,
 所以要得到实际的月份,还要加1),
 用getDate得到当天日期所在月份的日期值。
 这个示例还用到了"test?语句1:语句2",
 意思是如果符合test条件,那么执行语句1,
 否则使用语句2。计算月和日都用到了这个语法,
 如果月和日小于10,在月和日的值之前应该加0。=-->
 <script type="text/javascript">
  function Format2Len(i) {
//   if (i < 10) {
//    return "0" + i;
//   }
//   else {
//    return i;
   //   }
   return i < 10 ? "0" + i : i;
  }
  function RefreshClock() {
   var CurrentTime = new Date();
   var timeStr = CurrentTime.getFullYear() + "-" +
     Format2Len(CurrentTime.getMonth()+1) + "-" +
     Format2Len(CurrentTime.getDate()) + " " +
     Format2Len(CurrentTime.getHours()) + ":" +
     Format2Len(CurrentTime.getMinutes()) + ":" +
     Format2Len(CurrentTime.getSeconds());
   txtClock.value = timeStr;
  }
  setInterval("RefreshClock()", 1000);
 </script>
</head>
<body onload="RefreshClock()">
<!--页面加载的时候执行一次-->
 当前时间:<input type="text" id="txtClock" />
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
fromCharCode和charCodeAt 方法
Dec 27 Javascript
ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter
Feb 03 Javascript
控制文字内容的显示与隐藏示例
Jun 11 Javascript
JavaScript动态改变HTML页面元素例如添加或删除
Aug 10 Javascript
JS实现仿QQ聊天窗口抖动特效
May 10 Javascript
基于jQuery通过jQuery.form.js插件实现异步上传
Dec 13 Javascript
快速掌握WordPress中加载JavaScript脚本的方法
Dec 17 Javascript
JavaScript通过使用onerror设置默认图像显示代替alt
Mar 01 Javascript
JS+CSS实现闪烁字体效果代码
Apr 05 Javascript
简单实现jQuery弹窗效果
Oct 30 jQuery
判断jQuery是否加载完成,没完成继续判断的解决方法
Dec 06 jQuery
vue 解决mintui弹窗弹起来,底部页面滚动bug问题
Nov 12 Javascript
javascript实现点击后变换按钮显示文字的方法
May 13 #Javascript
javascript实现十秒钟后注册按钮可点击的方法
May 13 #Javascript
javascript中clipboardData对象用法详解
May 13 #Javascript
javascript实现在网页任意处点左键弹出隐藏菜单的方法
May 13 #Javascript
浅谈jQuery中replace()方法
May 13 #Javascript
js实现仿Windows风格选项卡和按钮效果实例
May 13 #Javascript
JS实现模拟风力的雪花飘落效果
May 13 #Javascript
You might like
如何对PHP程序中的常见漏洞进行攻击(下)
2006/10/09 PHP
php第一次无法获取cookie问题处理
2014/12/15 PHP
Symfony2实现从数据库获取数据的方法小结
2016/03/18 PHP
解决PHP 7编译安装错误:cannot stat ‘phar.phar’: No such file or directory
2017/02/25 PHP
juqery 学习之四 筛选过滤
2010/11/30 Javascript
javascript读写XML实现广告轮换(兼容IE、FF)
2013/08/09 Javascript
瀑布流布局代码一例
2014/04/11 Javascript
3种Jquery限制文本框只能输入数字字母的方法
2014/12/03 Javascript
基于jquery和svg实现超炫酷的动画特效
2014/12/09 Javascript
被遗忘的javascript的slice() 方法
2015/04/20 Javascript
jQuery根据用户电脑是mac还是pc加载对应样式的方法
2015/06/26 Javascript
jQuery实现的小图列表,大图展示效果幻灯片示例
2016/10/25 Javascript
JavaScript this绑定过程深入详解
2018/12/07 Javascript
详解JavaScript 浮点数运算的精度问题
2019/07/23 Javascript
layui问题之自动滚动二级iframe页面到指定位置的方法
2019/09/18 Javascript
深入浅析vue全局环境变量和模式
2020/04/28 Javascript
[41:08]2014 DOTA2国际邀请赛中国区预选赛 HGT VS NE
2014/05/22 DOTA
Python文件读取的3种方法及路径转义
2015/06/21 Python
玩转python爬虫之URLError异常处理
2016/02/17 Python
python3批量删除豆瓣分组下的好友的实现代码
2016/06/07 Python
python代码 if not x: 和 if x is not None: 和 if not x is None:使用介绍
2016/09/21 Python
在NumPy中创建空数组/矩阵的方法
2018/06/15 Python
python网络编程之多线程同时接受和发送
2019/09/03 Python
对django 2.x版本中models.ForeignKey()外键说明介绍
2020/03/30 Python
python轮询机制控制led实例
2020/05/03 Python
Python xml、字典、json、类四种数据类型如何实现互相转换
2020/05/27 Python
详解HTML5 window.postMessage与跨域
2017/05/11 HTML / CSS
会计电算化专业应届大学生求职信
2013/10/22 职场文书
大三在校生电子商务求职信
2013/10/29 职场文书
五星级酒店餐饮部总监的标准岗位职责
2014/02/17 职场文书
委托协议书范本
2014/04/22 职场文书
《蝙蝠和雷达》教学反思
2014/04/23 职场文书
标准大学生职业生涯规划书写作指南
2014/09/18 职场文书
2015年酒店服务员工作总结
2015/05/18 职场文书
Python包管理工具pip的15 个使用小技巧
2021/05/17 Python
bose降噪耳机音能消除人声吗
2022/04/19 数码科技