Теперь такой вопрос. Сделал, чтобы время отображалось не только в главном окне программы, но и в названии окна. Т.е. было так:
document.getElementById('c').innerHTML=f2(h)+':'+f2(m)+':'+f2(s);
а стало так:
document.title=document.getElementById('c').innerHTML=f2(h)+':'+f2(m)+':'+f2(s);
Но, почему-то, время, отображаемое в названии окна, немного отстаёт от времени, отображаемом в самой программе. Чуть-чуть, буквально на долю секунды, но отстаёт! В чём может быть причина? Как это поправить? Xочу, чтобы время там и там тикало синхронно.
Спасибо.
<title>Timer</title>
<hta:application
border=thin
innerborder=no
scroll=no
contextmenu=no
maximizeButton=no
/>
<script language="JavaScript">
var h=m=s=0;
var timeId=null;
resizeTo(380,126);
moveTo((screen.width/2-190),(screen.height/2-63));
function f2 (v) {return (v<10?'0'+v:v)}
function inittime(hour,min,sec) {
h=Math.max(hour,0); m=Math.max(min,0); s=Math.max(sec,0);
timeID=setTimeout("showtime()",1000)}
function showtime() {
var t=h*3600+m*60+s;
setTimeout("showtime()",1000);
document.title=document.getElementById('c').innerHTML=f2(h)+':'+f2(m)+':'+f2(s);
if (t>0) {changetime()}
else {fin()}}
function changetime() {
s--;
if (s<0) {
s=59;
m--;
if (m<0) {
m=59;
if (h>0) h--;
else {h=m=s=0}}}}
</script>
<script language="VBScript">
sub fin()
Set S = CreateObject("WScript.Shell")
S.Run "%comspec% /c" & Chr(7),0
MsgBox "Time is over!", vbSystemModal
close
end sub
</script>
<style>
body {background:buttonface; margin:2}
table {border-collapse:collapse; text-align:center}
button {height:55; border; font:50 monospace; color:buttonshadow}
input {background-color:buttonface; border:transparent; height:66; width:97; font:86/.77 sans-serif}
#a {font:55 sans-serif}
#b {font:22/.76 monospace; color:buttonshadow}
#c {font:95/.95 sans-serif}
</style>
<div id="c">
<table>
<tr id="a">
<td><input id="h" value="00" maxlength="2"></td>
<td>:
<td><input id="m" value="00" maxlength="2"></td>
<td>:
<td><input id="s" value="00" maxlength="2"></td>
<td><button title="Start" onclick="inittime(
getElementById('h').value,
getElementById('m').value,
getElementById('s').value)">►</button></td>
<tr id="b">
<td>hour
<td>
<td>min
<td>
<td>sec
<td>
</table>
</div>