js 弹窗并定时关闭
生活随笔
收集整理的這篇文章主要介紹了
js 弹窗并定时关闭
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1.
$('input').click(function() {prompt('點擊成功', 2000) })function prompt(newName, time, fn) {var $div = $('<div></div>');$div.css({'position': 'fixed','top': 0,'left': 0,'width': '100%','height': '100%','z-index': '200','background-color': 'rgba(0,0,0,0.4)',// 'background-color':'#000',});var $contentDiv = $('<div>' + newName + '</div>');$contentDiv.css({'position': 'absolute','top': '50%','left': '50%','font-size': '25px','padding': '50px 100px','border-radius': '5px','background-color': '#fff','color': '#000'});$div.append($contentDiv);$('body').append($div);// 獲取創建的大小var newW = (parseInt($contentDiv.css('width')) + 200) / 2;var newH = (parseInt($contentDiv.css('height')) + 100) / 2;$contentDiv.css({'margin-top': -newH + 'px','margin-left': -newW + 'px',})setTimeout(function() {$div.remove();if (fn) {fn(); //回調函數 }}, time); }?
轉載于:https://www.cnblogs.com/jiangfeilong/p/11135190.html
總結
以上是生活随笔為你收集整理的js 弹窗并定时关闭的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Android笔记之调用其他软件
- 下一篇: 后台无刷新修改字段js