jQuery CountDownTimer是一款基于jQuery的倒計時插件,它能夠幫助網站制作出美觀、精準的倒計時功能。該插件不需要額外的CSS樣式文件,使用起來非常簡單。
//引入jQuery庫 <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> //引入jQuery CountDownTimer插件 <script src="js/jquery.countdownTimer.js"></script> //調用插件 <script> $(document).ready(function() { $('#countdown').countdownTimer({ hours : 2, minutes : 30, seconds : 0, }); }); </script>
如上所述,首先需要在頁面中引入jQuery庫和jQuery CountDownTimer插件的JS文件。然后,在頁面中定義一個ID為"countdown"的元素,并在jQuery腳本中調用該元素上的countdownTimer方法。方法中可以設置倒計時的小時數、分鐘數、秒數。
jQuery CountDownTimer還提供了許多其他的配置選項,例如可以自定義倒計時的樣式、設置倒計時是否自動重置、設置倒計時結束后的回調函數等。此外,該插件還可以用于多個倒計時的同時顯示,非常適合用于拍賣或秒殺等場景。
總的來說,jQuery CountDownTimer是一款優秀的倒計時插件,可以幫助網站制作出更加豐富和生動的頁面效果。同時,該插件的使用也非常簡單,即使是初學者也能夠輕松上手。