查看: 3853|回復: 0

[JavaScript/JQuery] jQuery實現溫度計溫度變化特效

3萬

主題

3萬

帖子

10萬

積分

管理員

Rank: 9Rank: 9Rank: 9

積分
100197
發表于 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>
復制代碼


回復

使用道具 舉報