javascript - 一方のスクリプトが他方の出力を変更しますか?

Question

これら 2 つのスクリプトを一緒に動作させるのに問題があります。

最初のスクリプトは数字 0 ～ 9 をそれぞれの画像に変更し、2 番目のスクリプトは設定された間隔/増分で発生するカウントアップを表示します。理由はわかりませんが（初心者のせいで）、この2つはうまくいきません。

これは私がこれらを一緒に実行しようとしてきた方法です:

<script type=”text/javascript”&gt;
<!–
counterimages(input);
//–&gt;</script>
<div id="counter"></div>

.js ファイルは次のとおりです。

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);

});