在页面/计算机关闭之前运行功能/服务

Question

我创建了一个服务来计算时间，当我点击开始时间开始并且只停止直到它被点击暂停按钮。

如果有开始时间有什么办法可以关闭页面或者关闭电脑执行pauseTimer()函数？

谁能帮帮我？尝试使用hostlistener但没有效果:(

html

<dx-data-grid class="tabelaTask"
    [dataSource]="data"  
    height="600"
    showBorders="true">
      <dxo-paging [pageSize]="3"></dxo-paging>
    <dxo-scrolling mode="single"></dxo-scrolling>
    <dxi-column [width]="100" dataField="Name" caption="Customer"></dxi-column>
    <dxi-column [width]="300" [allowFiltering]="false" [allowSorting]="false" cellTemplate="cellTemplate"></dxi-column>
     <div *dxTemplate="let data of 'cellTemplate'">

  <div class="btn-group" dropdown style="position: absolute;">
    <button id="button-basic" dropdownToggle type="button" class="btn btn-primary dropdown-toggle"
            aria-controls="dropdown-basic">
      Button dropdown <span class="caret"></span>
    </button>
</dx-data-grid>

Answer 1

这是不可能的。正如in this post 已经解释的那样，当网页关闭时不会触发任何事件。

但是，您可以使用onBeforeUnload 函数阻止用户关闭选项卡。详细解释可以found here。

替代方法

但是，您可以以不同的方式解决您的问题。如果您保存计时器的启动时间并在用户单击暂停后删除该启动时间，您可以在下次启动时检测您是否有“正在运行”的计时器。此外，您需要保存一个起始值，它基本上是计时器的起始偏移量。这是该想法的工作StackBlitz。

更新：将其应用于您的示例

使用我在聊天中从你那里得到的 Stackblitz，我将这个逻辑应用于你的示例。这是工作的StackBlitz。