这是我到目前为止所拥有的。我希望能够从提交按钮中删除隐藏的类,然后将计时器值复制到隐藏的文本字段。任何帮助,将不胜感激。
jQuery(document).ready(function($) {
$(".timer").TimeCircles({
"start": false,
"animation": "smooth",
"bg_width": 1.2,
"fg_width": 0.1,
"circle_bg_color": "#60686F",
"time": {
"Days": {
"text": "Days",
"color": "#FFCC66",
"show": false
},
"Hours": {
"text": "Hours",
"color": "#99CCFF",
"show": false
},
"Minutes": {
"text": "Minutes",
"color": "#BBFFBB",
"show": true
},
"Seconds": {
"text": "Seconds",
"color": "#FF9999",
"show": true
}
}
});
$(".stop").click(function(){
$(".timer.stopwatch").TimeCircles().stop();
});
$(".start").click(function(){
$(".timer.stopwatch").TimeCircles().start();
//remove class hidden on submit button
//copy timer value to text field
});
//$(".restart").click(function(){
// $(".timer.stopwatch").TimeCircles().restart();
//});
});
答案 0 :(得分:0)
如果你能包含你的html,它可能会有所帮助,但是:
可以使用以下命令从“提交按钮”中删除类:
$("[type=submit]").removeClass('hidden');
您可以使用以下方式获取剩余时间:
var timeleft = $(".timer.stopwatch").TimeCircles().getTime();
您可以使用以下方法将该值放入文本框中:
$("input#timervalue").val(timeleft);
答案 1 :(得分:0)
谢谢你。这与我得到的答案几乎相同。这就是我最终的目标。
jQuery(document).ready(function($){
$(".timer").TimeCircles({
"start": false,
"animation": "smooth",
"bg_width": 1.2,
"fg_width": 0.1,
"circle_bg_color": "#60686F",
"time": {
"Days": {
"text": "Days",
"color": "#FFCC66",
"show": false
},
"Hours": {
"text": "Hours",
"color": "#99CCFF",
"show": false
},
"Minutes": {
"text": "Minutes",
"color": "#BBFFBB",
"show": true
},
"Seconds": {
"text": "Seconds",
"color": "#FF9999",
"show": true
}
}
});
$(".stop").click(function(){
$(".timer.stopwatch").TimeCircles().stop();
$("#activitysubmit").prop("disabled",false);
var activity_time = $(".timer.stopwatch").TimeCircles().getTime();
$("#activity_time").val(Math.abs(activity_time));
//alert ($(".timer.stopwatch").TimeCircles().getTime());
});
$(".start").click(function(){
$(".timer.stopwatch").TimeCircles().start();
$("#activitysubmit").prop("disabled",true);
});
//$(".restart").click(function(){
// $(".timer.stopwatch").TimeCircles().restart();
//});
});