使用javascript，如何在DIV可见时计时，然后将该时间长度记录到本地数据库

我试图记录一个人在iOS设备上查看时在web应用程序页面上停留的时间，如果超过2秒，则记录到本地数据库。当然，该应用程序是用HTML5/CSS3/JavaScript编写的，因此页面实际上只是一个DIV，在iDevice上可以在视图中滑动、淡出等

应用程序将脱机使用，数据将在本地记录，直到用户转到服务器以每周内容更新应用程序。此时，本地数据库中的内容将传输到服务器

我创建了一个数据库（CBNapp）和必要的表（CBNapp_用法），每个页面都有一列（NewKnife、琐事、True、沉思、笑话、电影、故事）。我的想法是把每一次都记录到适当的栏目中。通过这种方式，我可以计算每列下的条目以获得页面访问量，并使用实际秒数来确定页面访问的平均长度等。然后，我将记录下载到服务器的时间，并将其从以前的下载日期中减去，以获得记录使用量的时间框架

我对此进行了一段时间的研究，在这里遇到了一个关于stackoverflow的问题

这有一个答案（在我看来，最后一个答案是最好的），我认为它会起作用，但我似乎无法将它转移到我的具体需要。这是我的第一个网络应用。我在HTML和CSS方面还不错，但对JavaScript和jQuery来说是个新手，所以我需要具体的例子来理解。请温柔一点：-）

我需要记录访问的div都有一个

类“root”

，ID如下：

ContentNewKnife
ContentTrivia
ContentTrue
ContentMusings
ContentJokes
ContentMovies
ContentStories

我试着用下面的方法来识别div

    var ContentPages = $("div#[id*=Content]") and $(div.root);

这会抛出一个错误

有谁能告诉我如何使用上面提到的代码或者使用一种全新的方法来完成我想要完成的事情吗

欢迎提出任何意见

谢谢

---

Ted

好的，你需要做的第一件事就是捕捉时间

我开始一个每秒钟更新一次的间隔（1000毫秒）。这会使你注意到的秒数变为四舍五入。如果你想要更精确，你可以让计时器运行500毫秒甚至100毫秒，然后除以得到秒）

然后触发现有页面转换前和转换后事件的开始和停止

不要把它从底层建立起来，你可以考虑使用一个开箱即用的移动分析程序：

我推荐

但这些措施也可能奏效：

---

这样做的好处是，您可以在页面或内容上捕获更多的时间。而且它可以与你可能想做的任何在线工作集成。

如果你启动计时器，那么这将耗尽移动设备的处理器。更好的方法可能是先捕获日期和时间，然后捕获结束日期和时间并减去。值得深思。我从来没想过。计时器是CPU密集型的吗？你的方法能更好/更容易地捕获秒数吗？date方法可以降低到毫秒，因此两者都可以提供大致相同的数据量。我将研究每个打包的解决方案。我不知道他们会离线工作。同时，您需要我做什么才能继续？我已经看过了您建议的4个预包装解决方案。除了Flurry之外，所有的应用程序似乎都需要一个本地的iOS应用程序。Flurry目前不接受更多人使用他们的HTML5版本。从创建初始HTML5应用程序开始。下载他们的入门资料，然后开始。然后决定是使用Jquery Mobile还是Sencha作为HTML5应用程序的框架。然后你需要把它放在一个像Github这样的地方，其他人可以在那里看到并使用它。下面是如何制作一个带有存储的web应用程序：Google Analytics可能还能够存储离线web应用程序数据：这个应用程序是创建的，我现在只是想把机制放到它上面。测试应用程序位于。一些背景可能会有所帮助。我们在加拿大Yellowknife出版了一份当地的周报。这是非常具体的Yellowknife与当地的公益广告，电影信息等。有不同的兴趣领域显示在不同的内容页我上面概述。它不会进入应用商店。该应用程序必须离线工作，因为该地区的互联网速度缓慢且不可靠。内容将每周更改，与我们的纸质出版物类似。这是赞助商支持的，这就是为什么我们需要统计数据。