admin管理员组

文章数量:1344943

I am in need of virtual time (4 x current date and time). I have managed to display the running clock with the current date and time, but I am unable to the time four times faster than current time.

For example, if the current date is 01-01-2012 00:00:00, the virtual time should be 01-01-2012 00:00:04

Not only the seconds alone should get multiplied; the corresponding minutes, hours, date, month and year also should get multiplied when seconds crosses 59 virtual seconds. That is, the clock should run live with incremental of four seconds for every second with my date format.

Please see my page: .html

It's now running with the current time. I want to run this four times faster.

Please see my code below.

<!DOCTYPE html>
<html>
    <head>
        <script>
            function startTime()
            {
                var today = new Date();
                var h = today.getHours();
                var m = today.getMinutes();
                var s = today.getSeconds();
                // Add a zero in front of numbers<10
                m = checkTime(m);
                s = checkTime(s);
                document.getElementById('txt').innerHTML =
                    today.getDate() +
                    "-" +
                    (today.getMonth()+1)+"-" +
                    today.getFullYear() +
                    " "+h+":"+m+":"+s;
                t = setTimeout(function(){startTime()},500);
            }

            function checkTime(i)
            {
                if (i<10)
                {
                    i = "0" + i;
                }
                return i;
            }
        </script>
    </head>

    <body onload="startTime()">
        <div id="txt"></div>
    </body>
</html>

I am in need of virtual time (4 x current date and time). I have managed to display the running clock with the current date and time, but I am unable to the time four times faster than current time.

For example, if the current date is 01-01-2012 00:00:00, the virtual time should be 01-01-2012 00:00:04

Not only the seconds alone should get multiplied; the corresponding minutes, hours, date, month and year also should get multiplied when seconds crosses 59 virtual seconds. That is, the clock should run live with incremental of four seconds for every second with my date format.

Please see my page: http://www.chemfluence.in/sample.html

It's now running with the current time. I want to run this four times faster.

Please see my code below.

<!DOCTYPE html>
<html>
    <head>
        <script>
            function startTime()
            {
                var today = new Date();
                var h = today.getHours();
                var m = today.getMinutes();
                var s = today.getSeconds();
                // Add a zero in front of numbers<10
                m = checkTime(m);
                s = checkTime(s);
                document.getElementById('txt').innerHTML =
                    today.getDate() +
                    "-" +
                    (today.getMonth()+1)+"-" +
                    today.getFullYear() +
                    " "+h+":"+m+":"+s;
                t = setTimeout(function(){startTime()},500);
            }

            function checkTime(i)
            {
                if (i<10)
                {
                    i = "0" + i;
                }
                return i;
            }
        </script>
    </head>

    <body onload="startTime()">
        <div id="txt"></div>
    </body>
</html>
  • javascript
  • html
Share Improve this question edited Feb 2, 2013 at 3:21 Peter Mortensen 31.6k22 gold badges110 silver badges133 bronze badges asked Jan 11, 2013 at 5:16 loganlogan 8,39638 gold badges122 silver badges188 bronze badges 1
  • I can suggest one thing. You can use event handling. Take current time. On every tick of clock add 4 seconds... Not tested, but it may work for you. – RTRokzzz Commented Jan 11, 2013 at 5:25
Add a ment  | 

3 Answers 3

Reset to default 4

There is a simple formula to determine the virtual time for every given time, knowing the two timestamps and the factor:

var virtualOrigin = Date.parse("2012-01-01T00:00:04"),
    realOrigin = Date.parse("2012-01-01T00:00:00"),
    factor = 4;

function getVirtual(time) {
    return new Date( virtualOrigin + (time - realOrigin) * factor );
}

// usage:
var now = new Date(),
    toDisplay = getVirtual(now);

Demo at jsfiddle

  1. determine the current time ("START") (as timestamp -- count of seconds since 1970)

  2. when displaying the clock, display (("CURRENT" - "START") * 4) + "START" instead

You can do a setInterval for 1 second and then add 4 seconds to the current date.

(This example just logs the time to the console, but you can easily hook it up to an HTML element.)

var date = new Date();

setInterval(function(){
  date = new Date(date.getTime() + 4000);
  console.log(date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds());
}, 1000);

本文标签： htmlJavaScript code to run the Clock (date and time) four times fasterStack Overflow

版权声明：本文标题：html - JavaScript code to run the Clock (date and time) four times faster - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1743750577a2532569.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。