iTimer is Coming!

  • 1
  • Praise
  • Updated 7 years ago
Hello yola forum! I'm always telling people about my new iTimer Plugin.
Now its Your turn! Well Basically iTimer is created for people that need to add skip buttons. But that is just one thing I would use iTimer on my site for. This plugin has 4 different version which are all installed to the Plugin. There is 2 different functionality and 2 different styles.

Functionality 1:
This will be when the Timer redirects you to another page after the timer is over.

Functionality 2:
This will be when after the Timer ends you can either show, fadeIn, slideDown or animate and ID or Class

Style 1:
The Timer will be in a Box that you can style! (The Timer Box)

Style 2:
Instead of having the timer in the Timer box we will just replace the text in the button (the one you click to activate timer) with the timer.

I like Style 2 better and its less work because then you don't need to style the Timer Box.

I do recommend setting up all the options before using the iTimer Plugin as you will not need to change much after changing to another version.

About the Versions:

Version 1: Is the Functionality 1 with Style 1
Version 2: Is the Functionality 1 with Style 2
Version 3: Is the Functionality 2 with Style 1
Version 4: Is the Functionality 2 with Style 2

There are a total of 27 options at the moment.
Meaning I might add ever more!

Here are the options that are available at the moment:

NOTE: THE WORDS WITH LINES ( // ) IS JUST A COMMENT LINE MEANING IM TRYING TO GIVE A COMMENT ON THE CODE.



Version = "1";
//Version 1 - 4 use this
Seconds = "10";
Button_Value = "Go to Index";
Button_Position = "center";
Start_Button_Gradient = "FF0000";
End_Button_Gradient = "A30000";
Number_Color = "red";
Number_Size = "35";
Button_Border_Width = "1";
Button_Border_Line_Type = "solid";
Button_Padding = "12";
Button_Radius = "13";
//Only 1 and 3 use this
Start_Timer_Box_Gradient="13631D";
End_Timer_Box_Gradient="174215";
Timer_Box_Text_Color = "white";
Timert_Box_Text_Size = "28";
Timer_Box_Padding = "23";
Timer_Box_Radius = "10";
//If Version 1 & 2
URL_Redirect = "http://redirectme.yolasite.com";
Loading_IMG = "http://moviereviews.com/images/loading_button3.gif";
//If Version 3 & 4
Action = "slideDown";
Action_Time = "3000"
Animate_Options = ""; //If action = animate
Element = "#hi";
Display = "Element {E} will {A} in {S}";



You can have this code in ANY order.

All these names above should be self explanatory, but if you need any assistance on understanding what something is please feel free to post here.

Best Regards,
Shawn
Photo of Shawn Holman

Shawn Holman

  • 486 Posts
  • 26 Reply Likes
  • really really excited!!!!!!

Posted 7 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
This sounds like a pretty cool feature!
Photo of Shawn Holman

Shawn Holman

  • 486 Posts
  • 26 Reply Likes
Yess...
And I'll be making a site for iTimer that will me coming sometime next month.

Thanks for the Comment...
Shawn