中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

jQuery扇形定時器插件pietimer怎么用

發布時間:2021-07-27 14:09:39 來源:億速云 閱讀:128 作者:小新 欄目:web開發

這篇文章主要介紹jQuery扇形定時器插件pietimer怎么用,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

Pietimer是一個可以在頁面上生成一個扇形變化的定時器插件,它基于jQuery,可以自定義定時時間秒數,自定義扇形的顏色、寬度和高度等,并且支持定時結束時回調函數,可以控制開始和暫停,適用于需要定時器的頁面如在線考試、倒計時,限時搶購等場景。

參數如下:

jQuery扇形定時器插件pietimer怎么用

demo地址: http://test.ixiewei.com/pietimer/

效果圖:

jQuery扇形定時器插件pietimer怎么用

demo代碼如下:

<!DOCTYPE HTML>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>pietimer-基于jQuery的扇形定時器</title> 
  <style type="text/css">
    .start,.pause{display:block;margin:10px auto;background:#0ABF5D;border-radius:6px;width:100px;height:30px;line-height:30px;color:#fff;text-align:center}
    .demo{margin:20px auto;text-align:center}
  </style>
</head>
<body>
  <a class="start">start開始</a>
  <a class="pause">pause暫停</a>
  <div class="demo"></div>

  <script type="text/javascript" src="/static/lib/jquery-1.7.2.min.js"></script>
  <script type="text/javascript" src="script/jquery.pietimer.min.js"></script>
  <script type="text/javascript">
  $(function(){

    $('.demo').pietimer({
      seconds: 2,
      color: 'rgba(10, 191, 93, 0.8)',
      height: 60,
      width: 60,
      //is_reversed: true //是否逆時針轉
    },
    function(){
      //回調函數
      console.log("結束咯!");
    });

    $('.start').click(function(){
      $('.demo').pietimer('start');
      return false;
    });
    $('.pause').click(function(){
      $('.demo').pietimer('pause');
      return false;
    });

  });
  </script>
</body>
</html>

以上是“jQuery扇形定時器插件pietimer怎么用”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

镇江市| 延津县| 获嘉县| 韩城市| 濮阳县| 垦利县| 宜州市| 信宜市| 马鞍山市| 东宁县| 清水河县| 金塔县| 黄骅市| 青海省| 杨浦区| 定安县| 通化县| 海口市| 龙胜| 深圳市| 丹阳市| 嘉善县| 广汉市| 肃宁县| 阳朔县| 鄢陵县| 龙州县| 灌云县| 台江县| 石家庄市| 建湖县| 咸丰县| 沧源| 吴堡县| 酉阳| 迁安市| 攀枝花市| 杭锦后旗| 东台市| 磐石市| 南召县|