html5游戏加入计时器,html5倒计时插件制作圆形计时器代码

特效描述：html5倒计时插件 圆形计时器代码。计时器

代码结构

1. 引入CSS

2. 引入JS

3. HTML代码

jQuery计时器插件TimeCircles演示1

演示1(默认+美化)

演示2(带控制)

离2014年1月1日还有(2014年1月1日已过)

倒计时10秒后结束

页面开始时计时

$(function(){

$('#someTimer1').TimeCircles({

time : {

Days: {

show: false,

text: "天",

color: "#FC6"

},

Hours: {

show: false,

text: "时",

color: "#9CF"

},

Minutes: {

show: false,

text: "分",

color: "#BFB"

},

Seconds: {

show: false,

text: "秒",

color: "#F99"

}

}

});

$('#someTimer2').TimeCircles({

time : {

Days: {

show: false,

text: "天",

color: "#FC6"

},

Hours: {

show: false,

text: "时",

color: "#9CF"

},

Minutes: {

show: false,

text: "分",

color: "#BFB"

},

Seconds: {

show: false,

text: "秒",

color: "#F99"

}

},

refresh_interval: 0.1,

count_past_zero: false,

circle_bg_color: "#ddd",

fg_width: 0.03,

bg_width: 0.2

});

$('#someTimer3').TimeCircles({

time : {

Days: {

show: false,

text: "天",

color: "#FC6"

},

Hours: {

show: false,

text: "时",

color: "#9CF"

},

Minutes: {

show: false,

text: "分",

color: "#BFB"

},

Seconds: {

show: false,

text: "秒",

color: "#F99"

}

},

refresh_interval: 0.1,

count_past_zero: true,

circle_bg_color: "#eee",

fg_width: 0.05,

bg_width: 1

});

});