iT邦幫忙

0

請問JS ,alert可否自動消失

  • 分享至 

  • xImage

您好:
請問 在js 中,單純js
alert 後,還須點選一個確認,他才會消失

是否可以讓她3秒自動關閉
或有其他function 可用!

謝謝!

推自寫 or sweetalert
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
居然解出來了
iT邦好手 1 級 ‧ 2022-07-17 22:35:35
最佳解答

可以參考這個答案:
https://stackoverflow.com/a/15466856

基本上自己製作
最方便

noway iT邦研究生 3 級 ‧ 2022-07-25 19:38:42 檢舉

謝謝您!

0
sixwings
iT邦研究生 4 級 ‧ 2022-07-16 12:39:12

一般這種情況不會用 alert(),因為 alert() 跳出彈出對話框的同時,整個瀏覽器的程式運作是停止的,所以你沒辦法透過 js 的方式讓對話關掉。這邊沒有講太多細節,如果有講錯再麻煩其他人糾正

解決辦法是刻一個取代 alert() 的對話框+一些js程式,通常可以拿現成套件來改,我有找到兩個範例算是符合你的需求,你可以再根據自己的需要去調整樣式

  1. Bootstrap Toast
  2. sweetalert Timer Methods
Zero皇 iT邦研究生 3 級 ‧ 2022-07-16 20:14:34 檢舉

如果純js不想用套件的話,或許就是自製一個提示框畫面,把z-index提高,設一個timer之類的,總之數3秒後把提示框隱藏這樣

也可以試試boostrap modal

6

如果你指的是原生JS的alert,是不可能達到你想做的效果。

一般都是用自定義的方式來處理
你可以找找關鍵字「msgbox」
有很多可做到alert的效果的東西。
只有這一種的才能做手腳處理。

0
chan15
iT邦新手 2 級 ‧ 2022-07-18 09:07:47

不行,而且我們一般鮮少用內建的 alert、confirm,因為他在不同的 borwser 上會有不同的樣式,甚至出現位置都不同,你要客戶體驗一致,就要客製視窗訊息保持一致性。

若沒有用 jQuery 推薦 sweetalert2,有的話推薦 jquery-confirmjquery-confirm 搭配 bootstrap 甚至還可以 RWD,自己刻就要注意 browser 相容性。

我要發表回答

立即登入回答