js实现页面时间动态变化
2015-07-08 15:38
666 查看
利用函数嵌套和setTimeout函数实现时间动态变化
效果如下
var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); //获取当前日(1-31) myDate.getDay(); //获取当前星期X(0-6,0代表星期天) myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数) myDate.getHours(); //获取当前小时数(0-23) myDate.getMinutes(); //获取当前分钟数(0-59) myDate.getSeconds(); //获取当前秒数(0-59) myDate.getMilliseconds(); //获取当前毫秒数(0-999) myDate.toLocaleDateString(); //获取当前日期 var mytime=myDate.toLocaleTimeString(); //获取当前时间 myDate.toLocaleString( ); //获取日期与时间------------------------------------华丽的分割线------------------------------------------
<html> <script> var t = null; t = setTimeout(time,1000);//开始执行 function time() { clearTimeout(t);//清除定时器 dt = new Date(); var h=dt.getHours();//获取时 var m=dt.getMinutes();//获取分 var s=dt.getSeconds();//获取秒 document.getElementById("showTime").innerHTML = "现在的时间为:"+h+"时"+m+"分"+s+"秒"; t = setTimeout(time,1000); //设定定时器,循环执行 } </script> <body> <label id="showTime"></lable> </body> </html>
效果如下
相关文章推荐
- JSP中文文件名下载(含IE处理方案)
- ExtJs 实现combo前台分页
- js内存分析
- JSP四个作用域
- ExtJs 继承 和 插件 示例
- Javascript实现Tab切换
- 【FastJSON】解决FastJson中“$ref 循环引用”的问题
- knockout.js实例一~联系人管理器
- js寻路算法
- javascript实现10个球随机运动、碰撞实例详解
- JVM监控工具介绍jstack, jconsole, jinfo, jmap, jdb, jstat
- ArcGIS文件(arcgis_js_api)部署相关问题总结
- Javascript报uncaught typeerror illegal invocation错误
- 汉字转拼音插件:LM-PinYin.js
- js性能调试
- JS-JavaScript学习笔记(一)
- javascript基础八(知识点类闭包)
- js实现图片滚轮放大缩小以及鼠标拖动
- Javascript 正则表达式_3
- seaJS教程指南