30服务(练习)

练习:

  创建一个心跳服务, heartbeat.service.ts,

  在这个服务中封装两个方法,分别是开始心跳和结束心跳

  start:启动周期性定时器,每隔1秒,向控制台输入一句话:in heart beat

  stop:   结束定时器

  demo26/demo26.component.ts

  视图:有两个按钮,一个开始,一个结束,点击时,调用服务中 start , stop

  

  

 

    

 

    

 

 

  代码优化:

  点击开始时,发现如果一直点击开始按钮,控制台输出速度变快,再次点击停止按钮,无法使其停止输出,这是因为不停的启动定时器的缘故

  解决

  

posted @ 2020-01-23 00:18  shanlu  阅读(125)  评论(0编辑  收藏  举报