私がやろうとしているのは、一定の増分/間隔で増加するページのカウントアップです。カウントアップの 0 ~ 9 の各数字を表す様式化された画像を作成したので、各数字をそれぞれの画像に置き換える必要もあります。コードの最初の関数はそのタスクを表し、2 番目のスクリプトは実際のカウントアップです。私はワードプレスを使用しているので、JS ファイルを追加して、header.php ファイルにエンキューしました。
ここで問題が発生しました。カウントアップを機能させることはできましたが、counterimages(input)
機能が機能しません。WordPress ページの関数をどのように「呼び出そう」としているかに問題がある可能性があります。
誰かが私を助けることができれば、私はとても感謝しています!
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);
});`