laya实现倒计时
最近在学习Laya相关的知识,其中就涉及到了倒计时相关的部分,由于本人是新手,所以花费了很多时间去实现这个东西:
普通的倒计时:
-
export default class tCount extends Laya.Script {
-
[x: string]: any;
-
nCountDown: number;
-
txt_TimeCountDown: any;
-
-
/** @prop {name:txt_TimeCountDown, tips:"倒计时", type:Node, default:1000}*/
-
// 更多参数说明请访问: https://ldc2.layabox.com/doc/?nav=zh-as-2-4-0
-
-
constructor() {
-
super();
-
this.txt_TimeCountDown=null;
-
-
}
-
-
onAwake(){
-
console.log("GameManager onAwake");
-
-
-
}
-
onStart(){
-
this.gameStart();
-
}
-
onEnable(): void {
-
}
-
-
onDisable(): void {
-
}
-
-
onSecond(){
-
this.nCountDown--;
-
this.txt_TimeCountDown.text="" this.nCountDown;
-
if(this.nCountDown<=0){
-
this.gameOver();
-
console.log("游戏结束");
-
}
-
}
-
-
gameStart(){
-
-
this.nCountDown=100;
-
-
Laya.timer.loop(1000,this,this.onSecond);
-
}
-
gameOver(){
-
Laya.timer.clear(this,this.onSecond);
-
}
-
}
-
00:00:00格式的倒计时:
-
export default class CountDownTest extends Laya.Script {
-
/** @prop {name:label1,tips:"天数",type:Node,default=null} */
-
label1:any;
-
/** @prop {name:label2,tips:"小时",type:Node,default=null} */
-
label2:any;
-
/** @prop {name:label3,tips:"分钟",type:Node,default=null} */
-
label3:any;
-
/** @prop {name:label4,tips:"秒数",type:Node,default=null} */
-
label4:any;
-
constructor() { super();
-
this.label1=null;
-
this.label2=null;
-
this.label3=null;
-
this.label4=null;
-
-
}
-
-
onAwake(){
-
this.TimeCount();
-
}
-
TimeCount(){
-
var date=new Date();
-
var now =date.getTime();
-
var str="2022/7/28 23:59:59";
-
var endDate=new Date(str);
-
var end=endDate.getTime();
-
//
-
var leftTime=end-now;
-
var d,h,m,s;
-
-
if (leftTime>=0) {
-
-
d = Math.floor(leftTime/1000/60/60/24);
-
h = Math.floor(leftTime/1000/60/60%24);
-
m = Math.floor(leftTime/1000/60%60);
-
s = Math.floor(leftTime/1000%60);
-
}
-
this.label1.text=d "";
-
this.label2.text=h "h";
-
this.label3.text=m "m";
-
this.label4.text=s "s";
-
-
Laya.timer.loop(1000,this,this.TimeCount);
-
// setTimeout(this.TimeCount,1000);
-
}
-
countDown(){
-
-
}
-
onEnable(): void {
-
}
-
-
onDisable(): void {
-
}
-
}
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhgbecfe
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01