Web Server Timer Functionality

It is a tiny and useful ASP.NET MVC web application to obtain web server timer functionality. We can say, we can get response along with any data from server after some time interval. Let’s see how:

Now, let's create a simple ASP.NET MVC web application in VS 2015. We will get server date and time in this application.

Open Visual Studio 2015 and go to menu File à New à Project.

Select path and name of the project, select ASP.NET MVC web application template, and save the project.

Add script to index.cshtml page.

Code for calling the AJAX request to server method “GetServerTime()” from our jQuery code.

<script type="text/javascript">
    // Update the count down every 1 second
    var x = setInterval(function() {
        //alert('Get user data');
        var serverTime;
        $.ajax({
            type: "POST",
            url: "@Url.Action("
            GetServerTime ")",
            data: {},
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function(data) {
                $("#time").html(data.time);
            },
            failure: function(errMsg) {
                alert(errMsg);
            }
        });
    }, (1000));
</script>

In HomeController.cs class, we implement “GetServerTime()” method that returns JSON result.

public JsonResult GetServerTime() {
    return Json(new {
        time = Convert.ToString(DateTime.Now)
    });
}

In success code block of AJAX request function, as mentioned in the above JavaScript code, we insert time in the inner HTML of div by getting with id “time”.

success: function (data) { $("#time").html(data.time); },

That’s it. Using this technique, we can get or post any type of data to server or into database.