Axure 實現項目上線倒計時效果

最近在知乎上聽《Google高效工作法》-okr目標管理部分有感,想做一個項目及階段性計劃倒計時,置於產品文檔首頁,當團隊成員訪問時,加深團隊成員對於項目目標的理解,合理的安排開發節奏(團隊部分成員為兼職成員,需要遠程協作。)

平時為了在有限的時間內完成更多有意義的工作,很少用到函數,對編碼理解有限。

百度了一些資料之後,幾乎所有的資料都指向「獲取驗證碼」的倒計時,且實現方式幾乎完美的避開了函數,大部分用的動態面板設置時間間隔後跳轉。

產品文檔畢竟不是編程,實現方式可根據場景需求變化,不用追求極致。


下面進入正題,首先貼出效果:

最終效果圖

Step01: 添加兩個文字元件,靜態文字「距離上線還剩 天」及動態文字「天」。

備註:動態文字初始狀態可以為任意值。

Step02: 組合文字

將兩個文字元件組合,文案可根據實際情況自定義。

step03:為動態文字添加函數

這一步很關鍵,控制數字的動態變化的關鍵所在,感謝 @EastSeven 協助。

函數具體為:

[[Math.floor( (Date.parse(2018/12/01 23:59:59) - Now.getTime()) / (24*60*60*1000) )]]

關於函數的具體解釋,我就不班門弄斧了,在運用過程中,有問題可留言討論。

推薦閱讀:

相關文章