CPVLab Discount: Save $50!

Go Back   CPV Den Forum - Free PPV Training and Tools > Case Studies > Promoting Email Submits - The Winner Method Case Study

Like Tree1Likes
  • 1 Post By denmaster

Reply
 
LinkBack Thread Tools Display Modes
  #1  
Old 04-18-2011, 02:00 PM
CPVDen Co-Owner
 
Join Date: Apr 2010
Location: Atlanta, GA
Posts: 804
Thanks: 41
Thanked 160 Times in 70 Posts
Default Countdown timer

If you would like to include a timer in your landing page, you can use the following code:
Code:
 
<div style="font-size: 18px; color: rgb(0, 85, 172); float: right; margin-top: 22px; margin-right: 40px;"><form name="counter">Claim in <input value="0.0" name="d2" style="border: 0px none; background-color: rgb(255, 255, 255); font-size: 20px; color: rgb(255, 0, 0); font-weight: bold; width: 55px;" type="text"> 
Seconds
</form></div>
<script> 
<!-- 
// 
 var milisec=0 
 var seconds=120
 document.counter.d2.value='120' 
function display(){ 
 if (milisec<=0){ 
    milisec=9 
    seconds-=1 
 } 
 if (seconds<=-1){ 
    milisec=0 
    seconds+=1 
 } 
 else 
    milisec-=1 
    document.counter.d2.value=seconds+"."+milisec 
    setTimeout("display()",100) 
} 
display() 
--> 
</script>
To change the amount of time the timer counts down, change these values:

Code:
 
var seconds=120
 document.counter.d2.value='120'
You can change them to 60 or 90 or whatever you feel.
breakdance likes this.
__________________
$$$ $10 Off/Month For Life At Aff Playbook :: EXCLUSIVE to CPV Den $$$
Reply With Quote
The Following 8 Users Say Thank You to denmaster For This Useful Post:
breakdance (08-16-2011), crappkid (08-31-2011), mtmjohn (05-26-2011), onlinedude (08-14-2011), particles (04-19-2011), Spud7001 (08-12-2011), tap1on (04-22-2011), wanfirdaus (11-20-2011)
  #2  
Old 12-20-2011, 02:05 AM
Junior Member
 
Join Date: Dec 2011
Posts: 24
Thanks: 6
Thanked 0 Times in 0 Posts
Default

I am having trouble getting the timer inside of it's own table, because it uses up more space then just the box. I got rid of most details, except on the bottom, it wont let me put a bar underneath it. Here's a pic.


http://www.zabidey.com/Countdown_claimprize.JPG


<div align="right"style="font-size: 18px; color: rgb(0, 85, 172);"><form name="counter">
<input value="0.0" name="d2" style="background-color: rgb(255, 255, 255); font-size: 20px; color: rgb(255, 0, 0); font-weight: bold; width: 55px;"></form>
</div>

Last edited by eyekantbeme; 12-20-2011 at 02:13 AM.
Reply With Quote
  #3  
Old 12-21-2011, 07:50 PM
Admin
 
Join Date: Mar 2010
Posts: 68
Thanks: 3
Thanked 59 Times in 11 Posts
Default

It's kind of hard to tell without seeing the whole page, but mess around with the style on the input box, make the height and width less and drop the font size and see if that works.
Reply With Quote
  #4  
Old 12-24-2011, 09:33 AM
Junior Member
 
Join Date: Dec 2011
Posts: 24
Thanks: 6
Thanked 0 Times in 0 Posts
Default

Originally Posted by admin View Post
It's kind of hard to tell without seeing the whole page, but mess around with the style on the input box, make the height and width less and drop the font size and see if that works.
I managed to figure it out where as some tables stuck out a tiny bit, no big deal, but now Id like to be able to do CSS text overlay, which Im having trouble with. I am able to mostly do it, but am having trouble with the placement and such......
Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT. The time now is 03:18 AM.


Search Engine Optimization by vBSEO 3.6.0