How to Call C# Method from javascript after timer count end

Hi Developers,

I am creating a Exam page . so i want to put a timer on my page , i have tried lots using c#,but no one is working exactly. si i am added timer using javascript code . i have to call c# function from javascript when the time countdown is 0.

i have done and working but i dont know how to call C# server side Function from javascript .

my html code

Session Time 10 seconds

my javascript code

my C# code

protected void Page_Load(object sender, EventArgs e) { } public void MyName(object sender, EventArgs e) { name(); } public void name() { lbl.Text = "Paul Raj"; }

i need to bind the C# MyName() function and Display the name "Paul Raj" after the countdown end .am trying , if anyone know this kindly help me to done this module , this is the last module of my project.

thanking you

Paul.S

'man becomes what he thinks about'

Hi Paul,

I have tried one solution for you using ajax method. I hope it will help your above problem.

.aspx Code:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="ERP_Suit.WebForm1" %>
"http://www.w3.org/1999/xhtml">
"server">
// You can download the Jquery, if you need or else you want to work with offline
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
"text/javascript">
// Total seconds to wait
var seconds = 3;
function countdown() {
seconds = seconds - 1;
if (seconds == 0) {
// This Ajax function will get the data from server side
$.ajax({
type: "POST",
url: "WebForm1.aspx/GetUserName",
// data: '{param1: "test" }',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: OnSuccess,
failure: function (response) {
alert(response.d);
}
});
}
else if (seconds > 0) { // To Avoid the Minus count
document.getElementById("countdown").innerHTML = seconds;
}
setTimeout(function () { countdown(); }, 1000); // It will call countdown every 1 mins
}
// Ajax Success Function
function OnSuccess(data) {
document.getElementById("lblName").innerHTML = data.d;
document.getElementById("countdown").innerHTML = '0';
}
/*** Jquery Document Ready for Page Load Events ****/
$(document).ready(function () {
// Count down using javascript
countdown();
});
"form1" runat="server">
Session Time "countdown">10 seconds
Name :"lblName">

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Thiyagarajan E8y ago
Hi Paul,

I have tried one solution for you using ajax method. I hope it will help your above problem.

.aspx Code:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="ERP_Suit.WebForm1" %>

"http://www.w3.org/1999/xhtml">
"server">

// You can download the Jquery, if you need or else you want to work with offline
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
"text/javascript">
// Total seconds to wait
var seconds = 3;
function countdown() {
seconds = seconds - 1;
if (seconds == 0) {
// This Ajax function will get the data from server side
$.ajax({
type: "POST",
url: "WebForm1.aspx/GetUserName",
// data: '{param1: "test" }',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: OnSuccess,
failure: function (response) {
alert(response.d);
}
});
}
else if (seconds > 0) { // To Avoid the Minus count
document.getElementById("countdown").innerHTML = seconds;
}
setTimeout(function () { countdown(); }, 1000); // It will call countdown every 1 mins
}
// Ajax Success Function
function OnSuccess(data) {
document.getElementById("lblName").innerHTML = data.d;
document.getElementById("countdown").innerHTML = '0';
}
/*** Jquery Document Ready for Page Load Events ****/
$(document).ready(function () {
// Count down using javascript
countdown();
});



"form1" runat="server">

Session Time "countdown">10 seconds


Name :"lblName">

How to Call C# Method from javascript after timer count end

Session Time 10 seconds

Session Time "countdown">10 seconds

Name :"lblName">