update with better display

diff --git a/timer/index.htm b/timer/index.htm
index 194a07add20936a6d50767da14db1388320348f8..3c067ccd9ee5093da4e8ac4bbcc0457aad21b1c6 100644 (file)
--- a/timer/index.htm
+++ b/timer/index.htm
@@ -30,8 +30,15 @@
  
  function update() {
    timer = timer-10;
+   min = Math.floor(timer/60);
+   if(timer<0) {
+     min = Math.ceil(timer/60);
+     if(timer>-60)
+       min = '-'+min;
+     }
+   sec = ((timer%60)?(Math.abs(timer%60)):'00');
    document.getElementById('tim').innerHTML = Math.ceil(timer/60);
-   document.getElementById('timsmall').innerHTML = Math.floor(timer/60)+':'+((timer%60)?(timer%60):'00');
+   document.getElementById('timsmall').innerHTML = min+':'+sec;
    
    
    if(timer<= 0) document.getElementById('tim').className='shutup';

diff --git a/timer/style.css b/timer/style.css
index 22d4056733eba5d47349bfd480a7a7ec5279ec85..48be83fe2f74adf2d4ab2f05a3669c121a4dcafc 100644 (file)
--- a/timer/style.css
+++ b/timer/style.css
@@ -8,10 +8,15 @@ body {
 }
 
 
-#set {
+#setting {
 position:absolute;
 left:5px;
 top:5px;
+height:20px;
+}
+
+input {
+height:20px;
 }