Skip to Main Content

APEX

Announcement

For appeals, questions and feedback about Oracle Forums, please email oracle-forums-moderators_us@oracle.com. Technical questions should be asked in the appropriate category. Thank you!

CountDown Timer JQuery Plug-in in Oracle APEX

vdsadhiNov 20 2019 — edited Nov 20 2019

Dear Experts,

I am using Oracle APEX 18.2.0 version.

I want to include the timer in my application like how we have timer in PLSQL challenge website which is developed using APEX where they have used the JQuery plugin by Keith-Wood itseems.

http://keith-wood.name/countdown.html

timer.JPG

I have downloaded the plugin and added in shared components and added the below code in page HTML header.

<script type="text/javascript" src="#APP_IMAGES#jquery.countdown.js"></script>

<script type="text/javascript" src="#APP_IMAGES#jquery.plugin.js"></script>

I have created the static content region and place the below code,

<div id="count-down-timer" class="is-countdown"><span class="countdown-row countdown-amount">00:30:00</span></div>

I tried to use the below script to call the countdown function,

$('#count-down-timer').countdown({

until: 1800,

compact: true,

onTick: function(timeRemaining) {

  var years = timeRemaining\[1\];

  var months = timeRemaining\[2\];

  var days = timeRemaining\[3\];

  var hours = timeRemaining\[4\];

  var minutes = timeRemaining\[5\];

  var seconds = timeRemaining\[6\];

},

onExpiry: function() {

  apex.submit('TIME\_EXPIRED');

}

});

I am getting different errors when i tried to use in page load JS, region source using script tag. Is there any other plugins to give our custom time duration and start the count down??

Please help me to share the process to include the timer.

Thanks in advance..!!!

Regards,

Adhi

This post has been answered by Billy Verreynne on Nov 20 2019
Jump to Answer
Comments
Post Details
Added on Nov 20 2019
6 comments
1,537 views