一聚教程网:一个值得你收藏的教程网站

极速时时彩是不是骗局:js+SVG实现动态时钟效果

时间:2018-07-16 11:46:42 编辑:猪哥 来源:转载

本文实例为大家分享了js+SVG实现动态时钟效果展示的具体代码,供大家参考,具体内容如下

js+SVG实现动态时钟效果





Analog Clock - 秒速时时彩稳赚技巧▁秒速时时彩开奖▁秒速时时彩单双▁秒速赛车规律怎么找▁秒速时时彩 官网
<script>
function updateTime() { 
  var now = new Date();            // 当前时间
  var min = now.getMinutes();         // 分钟
  var hour = (now.getHours() % 12) + min/60; // 转行成可以在时钟上表示的时间
  var seconds = now.getSeconds();       //秒钟
  var minangle = min*6;            // 6度表示一分钟
  var hourangle = hour*30;          // 30 表示一小时
  var secrangel = seconds * 6;        // 6度表示一秒钟
  // 获取表示时钟时针的SVG元素
  var minhand = document.getElementById("minutehand");
  var hourhand = document.getElementById("hourhand");
  var secondhand = document.getElementById("secondhand");

  // 设置这些元素的SVG属性,将它们移动到钟面上
  minhand.setAttribute("transform", "rotate(" + minangle + ",50,50)");
  hourhand.setAttribute("transform", "rotate(" + hourangle + ",50,50)");
  secondhand.setAttribute("transform", "rotate(" + secrangel + ",50,50)");
  // 每秒钟更新下时钟显示时间
  setTimeout(updateTime, 1000);
}
</script>






 
  
    
   
    
    
    
     
    
   
  
   
                 
   
   
   
   
   
   
   
   
   
   
   
   
  
             
   123
   69
  
  
   
   
   
   
  
 

  • “游、购、娱”持续升温 中国经济内生动力表现强劲 2019-02-22
  • 殷之光朗诵《我骄傲我是中国人》 2019-02-22
  • 天津检察机关依法决定对窦华港涉嫌受贿案移送审查起诉 2019-02-21
  • 个税法迎第七次大修 起征点调至每年6万元 2019-02-20
  • 价值-热门标签-华商生活 2019-02-19
  • 互联网论坛社区服务管理规定 2019-02-18
  • 合肥一批干部任前公示 朱海舟拟提名为包河区副区长人选 2019-02-18
  • 首趟辽宁援疆旅游专列907名游客进疆抵达沙湾县 2019-02-17
  • 第13期全人代第1回会議政協第13期全国委員会第1回会議 2019-02-17
  • 20年前的伤情鉴定还管用吗? 2019-02-16
  • 2018中国汽车品牌发展峰会在京召开 2019-02-16
  • 陕北共产党发起人——李子洲 2019-02-15
  • 消委会教你如何挑选家居服 2019-02-14
  • 陕西卫计委党组书记胡志强被查,系山西省委原书记胡富国长子 2019-02-14
  • 我发现从五+年代农业用化肥农药,在六+年代几百年长的柿树几乎死光。没人研究! 2019-02-13
  • 524| 372| 932| 37| 908| 802| 872| 444| 864| 992|

    文章评论

    热门栏目