在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:johnschult/jquery.countdown360开源软件地址:https://github.com/johnschult/jquery.countdown360开源编程语言:JavaScript 100.0%开源软件介绍:jQuery countdown360A simple countdown timer in secondsThis plugin provides a simple circular countdown timer with customizable settings. Basic Usage
<div id="countdown"></div>
$("#countdown").countdown360({
radius : 60.5,
seconds : 5,
strokeWidth : 15,
fillStyle : '#0276FD',
strokeStyle : '#003F87',
fontSize : 50,
fontColor : '#FFFFFF',
autostart: false,
onComplete : function () { console.log('completed') }
}).start() Default Options{
radius: 15.5, // radius of arc
strokeStyle: "#477050", // the color of the stroke
strokeWidth: undefined, // the stroke width, dynamically calulated if omitted in options
fillStyle: "#8ac575", // the fill color
fontColor: "#477050", // the font color
fontFamily: "sans-serif", // the font family
fontSize: undefined, // the font size, dynamically calulated if omitted in options
fontWeight: 700, // the font weight
autostart: true, // start the countdown automatically
seconds: 10, // the number of seconds to count down
label: ["second", "seconds"], // the label to use or false if none, first is singular form, second is plural
startOverAfterAdding: true, // Start the timer over after time is added with addSeconds
smooth: false, // update the ticks every 16ms when true
clockwise: false, // direction of rotation of the timer
onComplete: function () {}
} Functions
Callbacks
ContributingLicenseMIT License © John Schult |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论