iT邦幫忙

1

animatedModal.js 指定秒數後自動關閉

  • 分享至 

  • xImage

請問一下
最近找到這個套件符合我現在的需求
但是除手動關閉(已實現)之外
還有一個功能是假設USER都不去按右上角X的按紐
10秒過後會自動關閉

想請教一下
該怎麼設定?

附上我現在的進度
https://jsfiddle.net/bewotupd/8/

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

2
dragonH
iT邦超人 5 級 ‧ 2019-09-18 16:48:25
最佳解答

codepen

秒數自己改

基本邏輯

modal 開啟後設置一個 timer

timer 內容為 x 秒後關閉 modal

然後在 window 加上一個 listener

只要有 click 的 event

就重置 timer

ps.

他的 doc 寫的有夠...

afterOpen 還是我翻他的 code 找出來的

是說他看起來只是把 animate.css + jquery 包起來而已

這樣也能有 9xx star.. /images/emoticon/emoticon11.gif

歪歪 iT邦新手 3 級 ‧ 2019-09-18 17:36:22 檢舉

dragonH
對...他的文檔寫得讓人摸不著頭緒
很多都是我上網找資料一個一個拼湊

感謝你
這效果的確是我想要的

我要發表回答

立即登入回答