倒计时结束关闭alert警报弹窗的实现

原创已于 2023-03-06 22:39:16 修改 · 1.5k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

程序员xiaolibao

标签

#angular

于 2020-11-19 23:09:36 首次发布

其它专栏收录该内容

2 篇文章

订阅专栏

博客主要提及了AlertController，未包含更多详细信息。AlertController可能在信息技术领域有特定应用，与前端开发等方面相关。

AlertController

import { AlertController } from 'ionic-angular';
export class PaySuccessPage {
 public time = 10;
 public timer; // 计时器
 constructor(private alertCtrl: AlertController) {
	this.timeDown(); // 倒计时
	  this.isPrint(); // 调用的弹窗
}
  // 倒计时
  timeDown() {
    this.timer = setInterval(() => {
      this.time--;
      if (this.time <= 0) {
        clearInterval(this.timer);
        this.prompt.dismiss(); // 倒计时结束关闭弹窗
        // 跳转页面
        this.navCtrl.setPages([{
          page: HomePage
        }])
      }
    }, 1000)
  }
  prompt;
  isPrint() { // 执行时弹窗
    if (this.member) {
      console.log('有会员');
      if (this.member.length == 12) {
        this.prompt = this.alertCtrl.create({
          title: '是否打印小票?',
          buttons: [
            {
              text: '取消',
              handler: data => {
                console.log('取消');
              }
            },
            {
              text: '确认',
              handler: data => {
                try {
                  this.print();
                } catch {
                  alert('打印程序发生错误,请重启设备')
                }
              }
            }
          ]
        });
        this.prompt.present();
      } else {
        try {
          this.print();
        } catch {
          alert('打印程序发生错误,请重启设备')
        }
      }
    } else {
      console.log('无会员');
      try {
        this.print();
      } catch {
        alert('打印程序发生错误,请重启设备')
      }
    }
   }
  }