Jquery TimeCircles停止时的值

时间:2014-04-21 16:17:33

标签: jquery return-value

这是我到目前为止所拥有的。我希望能够从提交按钮中删除隐藏的类,然后将计时器值复制到隐藏的文本字段。任何帮助,将不胜感激。

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();
  //}); 
});

2 个答案:

答案 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();
//}); 

});