JavaScript如何实现时间表动态效果

小编给大家分享一下JavaScript如何实现时间表动态效果，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

霞山网站建设公司成都创新互联,霞山网站设计制作，有大型网站制作公司丰富经验。已为霞山上千家提供企业网站建设服务。企业网站搭建\成都外贸网站制作要多少钱，请找那个售后服务好的霞山做网站的公司定做！

JavaScript可以做什么

1.可以使网页具有交互性，例如响应用户点击，给用户提供更好的体验。 2.可以处理表单，检验用户的输入，并提供及时反馈节省用户时间。 3.可以根据用户的操作，动态的创建页面。 4使用JavaScript可以通过设置cookie存储在浏览器上的一些临时信息。

这里用到的是Date时间类

 
  
  
 
 
 
  window.onload=function(){
   function go(){//封装函数
    var oh=document.getElementById("h");
    var om=document.getElementById("m");
    var os=document.getElementById("s");
    var time=new Date();//获取当前时间
    var s=time.getSeconds();//获取秒数
    var min=time.getMinutes();//获取分
    var hour=time.getHours();//获取小时
    os.style.transform="rotate("+s*6+"deg)";//运用transform方法可以让图片转动到指定位置 钟表上的每一个秒格的度数为360/60
    om.style.transform="rotate("+min*6+"deg)";//用获取到的时间乘以转动的度数 让图片变到指定位置
    oh.style.transform="rotate("+hour*30+"deg)";
   }
   go();
   setInterval(go,20);//设置定时器每20毫秒执行一次函数，就可以实现动态的钟表
  }