calling webservice using json with parameters

//Aspx code -------

<input id="time" value="90:00" type="text" readonly="readonly" />
<input type="button" name="" value="Save" onclick="SaveTimerDetails();" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script type="text/javascript">
    //$(document).ready(function () {
    function SaveTimerDetails() {

        var time = document.getElementById('time').value;
        var id = 1;
        var vardata = "{ TimeID: " + id + ", TotalTime: '"+ time +"' }";
        $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            url: "Default2.aspx/SaveTimerDetails",
            data: vardata,
            dataType: "json",
            success: function (data) {
                $.each(data.d, function (key, value) {
                    alert(value.TotalTime);
                    

                });
            },
            error: function (result) {
                alert("Error");
            }
        });
    }
    //});
</script>


//---Aspx.cs code

[WebMethod]
    public static TimerDetails[] SaveTimerDetails(int TimeID, string TotalTime)
    {

        List<TimerDetails> details = new List<TimerDetails>() { };
        details.Add(new TimerDetails() { TimeID = 1, TotalTime = TotalTime });
        
        return details.ToArray();
    }
    public class TimerDetails
    {
        public int TimeID { get; set; }
        public string TotalTime { get; set; }
    }