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

极速时时彩是不是骗局: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
  
  
   
   
   
   
  
 

  • 这是一个错误的观点! 2018-12-16
  • 在鲜花下虚掩着“坑” “电商专供”还能走多远 2018-12-16
  • 甘肃宣讲十九大:丝路春风三千里,陇原儿女添豪情 2018-12-15
  • 驻工商总局纪检组问责9名司局级干部 持续发力 2018-12-14
  • 韩国一姐探望男排猛将被喊在一起 金软景合影中国男朋友 2018-12-13
  • 江西省“放管服”改革再出实招 2018-12-12
  • 尊重和保障宗教信仰自由的中国实践 2018-12-12
  • 首都电力共产党员先锋 2018-12-11
  • 美联储加息几成定局 专家:中国央行大概率跟随加息 2018-12-10
  • 习近平与人民日报的10个故事 2018-12-10
  • 【理上网来·辉煌十九大】十九大报告谱写中国大国外交新篇章 2018-12-09
  • 世界杯期间 拉萨交警严查酒驾醉驾毒驾 2018-12-08
  • 第十六届中国经济论坛 2018-12-07
  • 共产主义既按需分配又按劳分配(原创) 2018-12-06
  • 财经 俄罗斯世界杯的经济账 2018-12-06
  • 543| 273| 186| 40| 755| 570| 945| 533| 827| 392|

    文章评论

    热门栏目