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毫秒执行一次函数，就可以实现动态的钟表
}
