I implemented an example of how to pause time in JavaScript. The example is here /

// Update of Date class to modify getTime method.
Date.prototype.origGetTime = Date.prototype.getTime;
Date._lastPausedAt;
Date._stopDuration = 0;
Date.prototype.getTime = function() {
    if (Date._lastPausedAt) {
        return Date._lastPausedAt.origGetTime() - Date._stopDuration;
    }
    return new Date().origGetTime() - Date._stopDuration;
};
Date.isPaused = function() {
    return Date._lastPausedAt != null;
};
Date.pause = function() {
    if (!Date._lastPausedAt) {
        Date._lastPausedAt = new Date();
    }               
};
Date.unpause = function() {
    if (Date._lastPausedAt) {
        Date._stopDuration += new Date().origGetTime() - Date._lastPausedAt.origGetTime();
        Date._lastPausedAt = null;
    }
};

Any idea how can I modify the example to do a slow down and speed up functionality?

I implemented an example of how to pause time in JavaScript. The example is here http://jsfiddle/suska/n4g5U/

// Update of Date class to modify getTime method.
Date.prototype.origGetTime = Date.prototype.getTime;
Date._lastPausedAt;
Date._stopDuration = 0;
Date.prototype.getTime = function() {
    if (Date._lastPausedAt) {
        return Date._lastPausedAt.origGetTime() - Date._stopDuration;
    }
    return new Date().origGetTime() - Date._stopDuration;
};
Date.isPaused = function() {
    return Date._lastPausedAt != null;
};
Date.pause = function() {
    if (!Date._lastPausedAt) {
        Date._lastPausedAt = new Date();
    }               
};
Date.unpause = function() {
    if (Date._lastPausedAt) {
        Date._stopDuration += new Date().origGetTime() - Date._lastPausedAt.origGetTime();
        Date._lastPausedAt = null;
    }
};

Any idea how can I modify the example to do a slow down and speed up functionality?

• javascript

• 7 pause time? Mother of God. – Evan Davis Commented Jan 9, 2014 at 15:10
• 1 Why are you using a Date object for this? – Patrick Q Commented Jan 9, 2014 at 15:12
• You are really doing a very bda job. But anyways, if you want, Just change the duration of animate: $('h1').animate({'marginLeft': 200}, 2000, animateToLeft); – Ashish Kumar Commented Jan 9, 2014 at 15:14
• I want to control global time in JavaScript and other JavaScript functions use Date.getTime for it. – Boris Šuška Commented Jan 9, 2014 at 15:15
• 1 He uses Date object because he wants to interract with jquery animation functions which use Date object. It is an interesting way to increase / decrease jquery animations speeds without manage all the animations durations. – dooxe Commented Jan 9, 2014 at 15:27

2 Answers 2

Wrote a variant on dooxe's answer to avoid the sudden jumps when changing between time warps.

var milli = Date.prototype.getTime;
var lastTime = (new Date).getTime();
var curTime = 0;
Date.prototype.getTime = function(){
    var actualTime = milli.call(this);
    curTime += (actualTime - lastTime) * Date._speed;
    lastTime = actualTime;
    return curTime;
};

Here is a trick to 'override' Date.getTime function :

var milli = Date.prototype.getTime;
Date.prototype.getTime = function(){
    return milli.call(this) * 5;  
};

Use a factor (5 in my code) inferior to 1 to slow the time :

http://jsfiddle/uKk9R/