Applying css to only Numbers in a jQuery -

    var start_date = new date("july 7, 2015 07:00:00");     var interval = 20;     var increment = 1;      var start_value = 2824327;     var count=2824327;     console.log(count.tolocalestring('en-us'))     window.onload = function()     {     var msinterval = interval * 1000;     var = new date();     count = parseint((now - start_date) / msinterval) * increment + start_value;    document.getelementbyid('counter').innerhtml = count.tolocalestring('en-us');    setinterval(function() {    count += increment;    document.getelementbyid('counter').innerhtml = count.tolocalestring('en-us');    }, msinterval);    } 

i want apply bellow css numbers

.number { font-family: verdana; color: white; background: black; } 

the jquery suppose add other jquery bellow

$('p').html(function(i, v){     return v.replace(/(\d)/g, '<span class="number">$1</span>'); }); 

help me on how suppose achieve this.

change script to

 var start_date = new date("july 7, 2015 07:00:00");     var interval = 20;     var increment = 1;      var start_value = 2824327;     var count=2824327;     console.log(count.tolocalestring('en-us'))     window.onload = function()     {     var msinterval = interval * 1000;     var = new date();     count = parseint((now - start_date) / msinterval) * increment + start_value;    document.getelementbyid('counter').innerhtml = count.tolocalestring('en-us');    $('p').html(function(i, v){         return v.replace(/(\d)/g, '<span class="number">$1</span>');     });    setinterval(function() {    count += increment;    document.getelementbyid('counter').innerhtml = count.tolocalestring('en-us');    $('p').html(function(i, v){         return v.replace(/(\d)/g, '<span class="number">$1</span>');     });    }, msinterval);    } 

dont want jquery code