Below You can find a list of most common usage examples of this counter plugin. It can do much more than this, so if You don’t know how to set up the counter to meet your expectations, feel free to contact us via our profile page at CodeCanyon.net (contact form is located at near the bottom right corner).


Countdown – Time left to the next century

Years
Days
Hours
Minutes
Seconds

Shortcode

[counter type="date-countdown" endValue="2101-01-01"]Welcome in the 22th century[/counter]

Template Tag

<?php counter_display(array(
	'type' => 'date-countdown',
	'endValue' => '2101-01-01'
), 'Welcome in the 22th century'); ?>

Countdown – Time left to Year 2020

Days
Hours
Minutes
Seconds

Shortcode

[counter type="date-countdown" endValue="2020-01-01" showYears=false]Welcome in the Year 2020[/counter]

Template Tag

<?php counter_display(array(
	'type' => 'date-countdown',
	'endValue' => '2020-01-01',
	'showYears' => false
), 'Welcome in the Year 2020'); ?>

Classic Counter – count up

Shortcode

[counter type="int" increment="1"][/counter]

Template Tag

<?php counter_display(array(
	'type' => 'int',
	'increment' => 1
)); ?>

Classic Counter – count down to 10

Shortcode

[counter type="int" digitsNumber=3 startValue=100 endValue=10 increment=-1]
<h1>10 reached!</h1>
[/counter]

Template Tag

<?php counter_display(array(
	'type' => 'int',
	'digitsNumber' => 3,
	'startValue' => 100,
	'endValue' => 10,
	'increment' => -1
), '<h1>10 reached!</h1>'); ?>

Classic Counter – USA GDP

GDP (purchasing power parity): $15.66 trillion (2012 est.)
GDP – real growth rate: 2.2% (2012 est.)

Shortcode

[counter type="int-sep" digitsNumber=14 prefixText="$" startValue="15660000000000" startDate="2013-01-01" increment=10925 animationInterval=1000 direction=Upwards scrollAnimation=SlotMachine]

Template Tag

<?php counter_display(array(
	'type' => 'int-sep',
	'digitsNumber' => 14,
	'prefixText' => "$",
	'startValue' => "15660000000000",
	'startDate' => "2013-01-01",
	'increment' => 10925,
	'animationInterval' => 1000,
	'direction' => Upwards,
	'scrollAnimation' => SlotMachine
)); ?>

Counter with decimal, thousands separators and with postfix or prefix sign

Shortcode

[counter type="decimal-sep" digitsNumber=9 startValue=100 increment=123.45 prefixText=$][/counter]

Template Tag

<?php counter_display(array(
	'type' => 'decimal-sep',
	'digitsNumber' => 9,
	'startValue' => 100,
	'increment' => 123.45,
	'prefixText' => '$'
)); ?>