How to run a countdown timer using javascipt (time is user input) as well as some server side wok in a single button click? Onclick onclientclick

Question

0.00/5 (No votes)

See more:

Countdown timer JavaScript(Working fine with Value from drop down list):Timer.js

JavaScript

var tim;
var sec = document.getElementById("ddlTime").value;
function f2()
{
    if (parseInt(sec) > 0)
    {
        sec = parseInt(sec) - 1;
        document.getElementById("lblTimer").innerHTML = "Left Time :" + sec +" Seconds";
        tim = setTimeout("f2()", 1000);
        //return false;
    }
    else
    {
        clearTimeout(tim);
        document.getElementById('btnSubmit').click();
        //return false;
    }
    return false;
}

What I have tried:

ASP.NET

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default1.aspx.cs" Inherits="Default1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><title>Untitled Page <div>
        <asp:Label ID="lblTimer" runat="server" Font-Bold="True" Font-Names="Agency FB" Font-Size="X-Large"
            ForeColor="DarkBlue" Style="z-index: 100; left: 371px; position: absolute; top: 52px"
            Text="TIMER" Width="140px">
        <asp:Button ID="btnStart" runat="server" OnClientClick="return f2();" OnClick="btnStart_Click" Style="z-index: 101;
            left: 365px; position: absolute; top: 127px" Text="Start" />
        <asp:Button ID="btnSubmit" runat="server" Style="z-index: 105; left: 359px; position: absolute;
            top: 264px" Text="Submit" OnClick="btnSubmit_Click" />
        <asp:Label ID="Label1" runat="server" Style="z-index: 103; left: 76px; position: absolute;
            top: 173px" Text="Label">
        <asp:DropDownList ID="ddlTime" runat="server" AutoPostBack="True" Font-Size="Large"
            Style="z-index: 104; left: 279px; position: absolute; top: 51px" Width="61px">
            <asp:listitem>10
            <asp:listitem>180
            <asp:listitem>300
            <asp:listitem>600
           
    </div>

C#

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class Default1 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
    }
    protected void btnStart_Click(object sender, EventArgs e)
    {
        Label1.Text = "Sta!!";
    }
    protected void btnSubmit_Click(object sender, EventArgs e)
    {
        lblTimer.Text = "Time Out";
    }
}

I tried this But timer working fine but Server-side work not done on that button click. Please help.
Thank you very much in advance.

Posted 16-Mar-17 19:01pm

Member 11584185

Updated 16-Mar-17 20:20pm

Patrice T

v4

Add a Solution

Comments

Prateek Dalbehera 17-Mar-17 1:44am

Can you please explain your query a bit clearly?

Sunasara Imdadhusen 17-Mar-17 2:32am

Why you want to start and stop timer from the server? as you haven't any special code so you can do the same using javascript only!

Karthik_Mahalingam 20-Mar-17 3:02am

Use Improve question to add more info to the question.

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)