www.webdeveloper.com
Results 1 to 2 of 2

Thread: Changing numbers output by another script to images

Hybrid View

  1. #1
    Join Date
    May 2013
    Posts
    2

    Changing numbers output by another script to images

    I'm having difficulties making these two scripts operate together.

    The first script changes numbers 0-9 to its respective image, while the second displays a count-up occurring at a set interval/increment. What I need these to do is output the result of the count-up (which works like a charm on its own) but change each number into an image.

    What I know: I need to pass the number that gets spit out through the counterimages function. But I'm a noob! How would I accomplish this? Do I have to make the second script a function and plug it into the input of the first function?


    Code:
    (function counterimages(INPUT) {
        var output = ""
    
        for (var i = 0; i < input.length; i++) {
            var chr = input.substring(i, i + 1)
            if (chr == '') {
                output += '<img border="0" src="img/pound.gif">';
            } else if (chr == '.') {
                output += '<img border="0" src="img/dot.gif">';
            } else {
                output += '<img border="0" src="http://eatiply3.staging.wpengine.com/wp-content/uploads/2013/05/'+(chr+1)+'.png">';
            }
        return output;
    	}
    })()
    
    var START_DATE = new Date("October 21, 2012 22:30:00"); // put in the starting date here
    var INTERVAL = 1; // refresh interval in seconds
    var INCREMENT = 769.2;  // increase per tick (1/0.0013 ~ 769)
    var START_VALUE = 35000; // initial value when it's the start date
    var count = 0;
    
    jQuery(document).ready(function($) {
     var msInterval = INTERVAL * 1000;
     var now = new Date();
     count = parseInt((now - START_DATE)/msInterval) * INCREMENT + START_VALUE;
     $('#counter').html(count.toFixed(0));
    
     window.setInterval( function(){
        count += INCREMENT; 
        $('#counter').html(count.toFixed(0));
     }, msInterval);
        
    });

  2. #2
    Join Date
    May 2013
    Posts
    2
    Edit to code: the first script should not be in parentheses.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles