Member Avatar for Cappagh 
<html>
<head>
<script>
var count = 6;
var time = setInterval(countdown, 1000);
function countdown() {
count = count - 1;
var cx = document.getElementById("cdown");
if (count < 0) {
count = 5
}
cx.innerHTML = count;
}
</script>
<body>
<p id="cdown">5</p>
</body>
</html>

This is a script for a count down from 5 to 0.
The numbers are very small on the website , how can I increase the size of the countdown numbers to extra large. You can see it on my page at http://www.giveaeuro.com and the numbers are tiny

Edited by deceptikon because: Moved to javascript
  • 4 Contributors
  • 6 Replies
  • 193 Views
  • 4 Hours Discussion Span
  • Latest Post Latest Post by JorgeM
Member Avatar for stultuske

if this is a javascript question, this might be a better place to ask it.

well, what number do you want to increase? the max (5) or the number that is subtracted each time? both values are hardcoded, it's not that difficult to just re-set the value.
as a comment: as far as I know: "extra large" is not a numerical value, so you may want to be a bit more precise in what it is you're trying to do to get the help you expect.

Member Avatar for untio

Hi,
I think that this is a html problem. You can look at:
Click Here
To resize the text in the paragraph.
Please, forgive me if I am wrong.

Member Avatar for JorgeM

It's always better to style all of your elements in a style sheet, but just to give you a quick answer, to style the paragraph element using an inline style..add..

id="cdown" style="font-size:value"

Value van be in em,px,pt for example. 2em or 36px

Member Avatar for Cappagh

Let me try to explain what I need. I know knothing about scripts etc. I got a script to put a count down on my web site . It counts down from 5 to 0 and then repeats the problem is when I put it on the web site the countdown is tiny and not very easy to see. How can I make this bigger.

Member Avatar for untio

Hi,
What you need can be achieved with html or with css.
You can employ the answer of JorgeM. I believe that nowadays css is preferred to html for styles.
Cheers.

Member Avatar for JorgeM

Ok, so here is the exact code. I would again suggest the use of an external style sheet, but this will work...

<!DOCTYPE html>
<html>
<head>
<style>
#cdown {font-size:36px;}
<style>
<script>
 var count = 6;
 var time = setInterval(countdown, 1000);
 function countdown() {
    count = count - 1;
    var cx = document.getElementById("cdown");
      if (count < 0) {
      count = 5
      }
    cx.innerHTML = count;
 }
</script>
<body>
<p id="cdown">5</p>
</body>
</html>
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.