How to show a div for every 30 second

Question

0.00/5 (No votes)

See more:

Hi All,

In my _Layout.cshtm want to display TempData in a div. TempDatantaining messages like if i add a record i will set it as like:

C#

TempData["OperationStatus"] = "Record Added Successflly";

i can able to show it in layout like:

HTML

<div id="msg">@TempData["OperationStatus"]</div>

i want to refresh the div for every 30 second for other messages should show for 30 sec.

Posted 25-Jul-13 23:58pm

josh-jw

Updated 25-Jul-13 23:59pm

v2

Add a Solution

2 solutions

Add a Solution

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)

Jameel VM · Accepted Answer · 2013-07-26T00:34:00

Solution 1

Use jQuery setInterval function

@TempData["OperationStatus"]

JavaScript

$(document).ready(function(){
setInterval(
            function () {
                $('#msg').hide();
            },
            30000);
});

Hope this helps

Posted 26-Jul-13 0:34am

Jameel VM

Updated 26-Jul-13 2:11am

v3

Comments

josh-jw 26-Jul-13 6:43am

thanks for reply. how to fade the div, so that the message is will hide after some seconds.

Jameel VM 26-Jul-13 6:46am

$('divId').fadeIn("slow");

josh-jw 26-Jul-13 7:01am

is the div visibility is set to hidden for show every 30 sec?

Jameel VM 26-Jul-13 7:14am

set the div to hide.$('divId').hide();

josh-jw 26-Jul-13 8:10am

will you please update it in your solution

josh-jw 26-Jul-13 8:13am

where i add that hide code?

Jameel VM 26-Jul-13 8:12am

i have updated the answer

josh-jw 26-Jul-13 8:14am

thanks

TrushnaK · Accepted Answer · 2013-07-26T00:46:00

Solution 2

try this:-

XML

<script type="text/javascript">
var refresh = setInterval(
function ()
{
$('#divLoad').fadeIn("slow");
}, 30000); // refresh every 30 seconds

<body>
<div id="divLoad"> </div>
</body>

</script>

Posted 26-Jul-13 0:46am

TrushnaK