---

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    let promise = new Promise((resolve, reject) => {
      setTimeout(() => {
        data();
        resolve();
      }, 1000);
    });
    

      promise.then(() => {

        return new Promise(function (resolve) {
          setTimeout(() => resolve("Успешно " + data()), 2000);
        });

      })




        .then(() => {

          return new Promise(function (resolve) {
            setTimeout(() => resolve("Успешно " + data()), 3000);
          });

        })
        .then(() => {

          return new Promise(function (resolve, reject) {

            setTimeout(() => reject("ошибка "), 4000);
          });
        })
        .then((res)=>console.log(),((res)=>{console.log(res+new Date()); return Promise.resolve("цепочка закончена") }))

        .then((res) => {

          console.log(res)
    })
  
    function data() {
      console.log(new Date());
    }


  </script>
</body>

</html>