如何在未加载数据的情况下在5秒后显示消息？

Question

我正在调用api来从数据库中获取数据。我希望在5秒后未加载数据或未连接互联网时显示消息。 如何在调用api时添加计时器，并在未加载数据时显示5secs后显示消息？

home.ts

ngOnInit() {
 this._myservice.myservice(this.taskdesc).subscribe(data => {
    this.displaydata = data;
    }); 
}

homeservice.ts

 myservice(taskdesc) {
    console.log(">>" + this.loggedinuser);
    let params = '&taskdesc=' + taskdesc;

    var headers = new Headers();
    headers.append('Content-Type', 'application/x-www-form-urlencoded');
    return this._http.post(this._url + this.loggedinuser+this._urlend+this.loggedinuser, params, {headers: headers})
      .map((response: Response) => response.json());

  }

  

请告知。

提前谢谢。

Answer 1

您可以使用Observable中的.timeout(5000)

return this.http.post()
.timeout(5000, new Error('Your Message'))
.map((response: Response) => response.json());