js实现页面时间动态变化

原创 2015年07月08日 15:38:53

利用函数嵌套和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>

效果如下


js显示系统时间,并随时变化

Nonove js clock 时钟 function Clock() { var date = new Date(); this.year = date.getFullYear(); this....

JS实现网页的背景颜色动态变化

  • 2013年07月28日 01:29
  • 420B
  • 下载

JQuery、Servlet实现页面值的动态变化

本功能实现了购物车中根据checkbox选中的情况动态计算被选中商品的件数和商品的总价...
  • fumier
  • fumier
  • 2014年12月09日 20:51
  • 515

js 特效 html 特效 文字动态变化

  • 2011年10月11日 21:44
  • 10KB
  • 下载

SeekBar+ImageView实现图像动态变化

本demo实现了SeekBar对ImageView的控制,通过滑动SeekBar,改变ImageView中资源的大小及角度。...

ColorAnimationView 实现了滑动Viewpager 时背景色动态变化的过渡效果

用法在注释中: import android.animation.Animator; import android.animation.ArgbEvaluator; import andro...

jquery 实现DataTable表格中,药品总价格随数量或单价的变化发生动态变化

想要实现的效果 html页面代码在此省略,表格使用 DataTable实现的,先看需要写的几个事件: 数量变化事件 ,批发单价变化事件 ,总批发金额事件 总批发金额事件 function to...

详情页组件中的内容变化时,价格如何实现动态变化

组件加载完成后执行mounted( ){    },在mounted中做两件事情: 1)初始将要提交的数据 2)调用methods中的相关事件、方法,计算出价格amount 3)渲染到页面上 ...
  • zxr_nx
  • zxr_nx
  • 2017年12月05日 17:21
  • 20
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js实现页面时间动态变化
举报原因:
原因补充:

(最多只允许输入30个字)