在這篇文章中，我們將介紹如何使用Axure制作一個(gè)時(shí)分秒的倒計(jì)時(shí)效果。 新建元素 首先，我們需要新建兩個(gè)文本標(biāo)簽和三個(gè)文本框。按照下圖所示設(shè)置它們的位置和大?。? 設(shè)置交互動(dòng)作 接下來(lái)，我們需要

在這篇文章中，我們將介紹如何使用Axure制作一個(gè)時(shí)分秒的倒計(jì)時(shí)效果。

新建元素

首先，我們需要新建兩個(gè)文本標(biāo)簽和三個(gè)文本框。按照下圖所示設(shè)置它們的位置和大?。?/p>

設(shè)置交互動(dòng)作

接下來(lái)，我們需要設(shè)置時(shí)、分、秒的交互動(dòng)作。

文本框：秒

針對(duì)文本框：秒，我們有以下四個(gè)判定動(dòng)作：

1. 當(dāng)“文本框：秒”的值大于10時(shí)，等待1秒并將數(shù)值減少1。
2. 當(dāng)“文本框：秒”的值大于等于1時(shí)，等待1秒并將數(shù)值減少1（前綴加個(gè)0，保持十位數(shù)有個(gè)0）。
3. 同時(shí)滿(mǎn)足條件：“文本框：秒”值等于00和“文本框：分鐘”大于10，將“文本框：秒”設(shè)置為59，并將“文本框：分鐘”減少1。
4. 當(dāng)“文本框：秒”的值等于00時(shí)，將“文本框：秒”設(shè)置為59，并將“文本框：分鐘”減少1（前綴加個(gè)0，保持十位數(shù)有個(gè)0）。

此外，在“文本框：秒”的“載入時(shí)”動(dòng)作中，觸發(fā)“文本框：秒”的“文本改變時(shí)”的操作。

文本框：分鐘

對(duì)于文本框：分鐘，我們只需要一個(gè)判定動(dòng)作：

1. 當(dāng)“文本框：分鐘”的值等于0-1時(shí)，將“文本框：分鐘”設(shè)置為59，并將“文本框：小時(shí)”減少1。

文本框：小時(shí)

對(duì)于文本框：小時(shí)，我們只需要一個(gè)判定動(dòng)作：

1. 當(dāng)“文本框：小時(shí)”的值等于-1時(shí)，將“文本框：小時(shí)”設(shè)置為23。

至此，我們已經(jīng)完成了倒計(jì)時(shí)效果的制作?？靵?lái)查看一下效果吧！如果你覺(jué)得這篇文章對(duì)你有幫助，請(qǐng)給我們投個(gè)票，謝謝！