Javascript - getTime() 不工作

Question

我正在用 html 做一个小测验，有 10 个问题，每个问题都在一个单独的 html 页面中。当用户按下 index.html 中的开始按钮时，我执行以下操作:

var s = new Date();
sessionStorage.start_test = s;

当他按下测验第 10 页的完成按钮时，我会:

var e = new Date();
sessionStorage.finish_test = e;

最后，我有一个显示成绩的页面，以及回答测验所花费的时间，内容如下:

var start = sessionStorage.getItem( "start_test" );
var fin = sessionStorage.getItem( "finish_test" );
var time = fin.getTime() - start.getTime();
alert( time );

但这似乎不起作用，因为它没有显示 javascript 警告框，并且在控制台中出现以下错误:

Uncaught TypeError: Object Wed Jul 09 2014 13:38:06 GMT+0200 has no method 'getTime'

我做错了什么？非常感谢任何帮助!

Answer 1

当您将 Date 对象添加到本地或 session 存储时，它会被序列化为字符串，因此，当您使用 getItem() 检索它时，您会得到一个字符串。要将其转换回 Date 对象，请将此字符串传递给 Date() 构造函数:

var myDate = new Date( localStorage.getItem( 'foobardate' ) );