Javascript Timer如何用图像替换数字?

交换

您好,如何将以下JavaScript计时器中的数字替换为相应的图片。例如,dig1.png为0,dig2.png为1,dig3为3。png ..... colon(:)和colo.png。00:23:01 == >>在此处输入图片说明

var Timer;
var TotalSeconds;


function CreateTimer(TimerID, Time) {
Timer = document.getElementById(TimerID);
TotalSeconds = Time;

UpdateTimer()
window.setTimeout("Tick()", 1000);
}

function Tick() {
if (TotalSeconds <= 0) {
doSubmit();
document.getElementById("timeisup").innerHTML = "Time is up response.";
return;
}

TotalSeconds -= 1;
UpdateTimer()
window.setTimeout("Tick()", 1000);
}


function UpdateTimer() {
Timer.innerHTML = TotalSeconds;
}

function UpdateTimer() {
var Seconds = TotalSeconds;

var Days = Math.floor(Seconds / 86400);
Seconds -= Days * 86400;

var Hours = Math.floor(Seconds / 3600);
Seconds -= Hours * (3600);

var Minutes = Math.floor(Seconds / 60);
Seconds -= Minutes * (60);


var TimeStr = ((Days > 0) ? Days + " days " : "") + LeadingZero(Hours) + ":" 
+ LeadingZero(Minutes) + ":" + LeadingZero(Seconds)


Timer.innerHTML = TimeStr;
}


function LeadingZero(Time) {

return (Time < 10) ? "0" + Time : + Time;

}

这是显示计时器的html标记...

<span id="timer"style="font-weight: bold;"></span><script
type="text/javascript">window.onload = CreateTimer("timer", 7200);</script>

谢谢

6502

我认为最好的方法是先创建图像,然后将其保留在原位

<img id="d0" src="dig0.png">
<img id="d1" src="dig0.png">
<img src="col.png">
<img id="d2" src="dig0.png">
<img id="d3" src="dig0.png">
<img src="col.png">
<img id="d4" src="dig0.png">
<img id="d5" src="dig0.png">

然后src从javascript更新图像

var digits = [document.getElementById("d0"),
              document.getElementById("d1"),
              document.getElementById("d2"),
              document.getElementById("d3"),
              document.getElementById("d4"),
              document.getElementById("d5")];

function setTime(hh, mm, ss) {
    digits[0].src = "dig" + Math.floor(hh / 10) + ".png";
    digits[1].src = "dig" + (hh % 10) + ".png";
    digits[2].src = "dig" + Math.floor(mm / 10) + ".png";
    digits[3].src = "dig" + (mm % 10) + ".png";
    digits[4].src = "dig" + Math.floor(ss / 10) + ".png";
    digits[5].src = "dig" + (ss % 10) + ".png";
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章