请选择 进入手机版 | 继续访问电脑版
查看: 701|回复: 0

[JavaScript/JQuery] jQuery实现温度计温度变化特效

3万

主题

3万

帖子

10万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
100167
发表于 2016-12-27 19:16:50
一款jQuery实现温度计温度变化特效,可以实现温度变化时,温度计的值也跟着相应的切换变化,从而动态显示数值。
  1. <script type="text/javascript">
  2. $(function (){
  3. function setTimeData(){
  4. var temdata = parseInt(Math.random()*100);
  5. $("#hgheader").html(temdata+"℃");
  6. var columnhe = temdata/100;
  7. $("#hg").animate({height:Math.abs(temdata)},'show')
  8. }
  9. setTimeData();
  10. window.setInterval(setTimeData,3000);
  11. });
  12. </script>
复制代码


回复

使用道具 举报