我在jquery / javascript中编写了一个快速计时器脚本，允许我的朋友根据标签计算多个事件（用于动物行为研究;即鼠标当前正在进食，鼠标当前正在挖掘等），只需按任意键，它将跟踪按键之间的时间并创建日志。
在这里采取行动：http://jsbin.com/najexetu/1/edit?html,js,output（只需按一下.z键启动计时器）
我的问题是：她想要一个更直观，可编辑的时间轴，它以某种方式在一条数字线上放置可编辑的方框，代表整个1800秒的视频（就像我想象的soundcloud评论）。我打算让每个键更改打印一个新的表单输入元素，其中CSS从页面的左侧放置seconds/1800*width像素，但是如果更改了一个，则很难保持总计的准确性。你们是否有关于如何使用易于检索的值制作可编辑时间轴的想法？
由于