Welcome to Tesla Motors Club
Discuss Tesla's Model S, Model 3, Model X, Model Y, Cybertruck, Roadster and More.
Register

Tesla Roadsters reach 10,000,000 miles

This site may earn commission on affiliate links.
Showing the counter on tmc should not be a great deal. It's a rather simple Javascript (red code) that counts up the miles and triggers the images over their id (blue code).

Looks like TM can adjust the current milage over the "var startMileage =10075986;" variable. Accordint to "var milesPerSecond=0.25;" the roadsters drive one mile every four seconds ;)

<script>

var startMileage =10075986;
var milesPerSecond=0.25;
var baseImageDir = "/sites/all/themes/tesla/images/stats/roadstermiles/H45";



function dotime() {
var updateRate = 500; //milliseconds
var dailySeconds = 0;
var currentMileage = 0;
var mileageIndex=0;
var displaySize = 10;
var color = ''; //'W' for white, '' for black

theTime=setTimeout('dotime()',updateRate);

var d = new Date();
hr = d.getHours();
mn = d.getMinutes();
se = d.getSeconds();
msec = d.getMilliseconds()

dailySeconds = hr*3600+ mn*60 + se;
currentMileage = startMileage + dailySeconds * milesPerSecond;
currentMileage += '';
tot=parseInt(currentMileage);
tot=tot.toString()
mileageIndex = tot.length;
for(i=displaySize;i>0;i--) {

if(mileageIndex==0) {
src_img = 'Empty.png'
} else if((displaySize - i + 1) % 4 == 0) {
// comma
src_img = 'C' + color + '.png';
} else{
src_img = tot.substring(mileageIndex - 1,mileageIndex) + color + '.png';
mileageIndex--;
}
digit = document.getElementById('image' + i);
if (digit) {
digit.src = baseImageDir + '/' + src_img;
}

}
}


</script>


<div id="counter">
<img src="/sites/all/themes/tesla/images/stats/roadstermiles/H45/1.png" name="image1" id="image1"/>
<img src="/sites/all/themes/tesla/images/stats/roadstermiles/H45/0.png" name="image2" id="image2"/>
<img src="/sites/all/themes/tesla/images/stats/roadstermiles/H45/C.png" name="image3" id="image3"/>
<img src="/sites/all/themes/tesla/images/stats/roadstermiles/H45/0.png" name="image4" id="image4"/>
<img src="/sites/all/themes/tesla/images/stats/roadstermiles/H45/8.png" name="image5" id="image5"/>
<img src="/sites/all/themes/tesla/images/stats/roadstermiles/H45/4.png" name="image6" id="image6"/>
<img src="/sites/all/themes/tesla/images/stats/roadstermiles/H45/C.png" name="image7" id="image7"/>
<img src="/sites/all/themes/tesla/images/stats/roadstermiles/H45/8.png" name="image8" id="image8"/>
<img src="/sites/all/themes/tesla/images/stats/roadstermiles/H45/8.png" name="image9" id="image9"/>
<img src="/sites/all/themes/tesla/images/stats/roadstermiles/H45/5.png" name="image10" id="image10"/>
<img src="/sites/all/themes/tesla/images/stats/roadstermiles/H45/Miles.png" name="miles"/>
</div>