Question

我有用于显示小时秒的脚本，演示jsfiddle here

关注我的剧本：

<script type="text/javascript">
function updateClock() {
    var now = new Date();
    var seconds = now.getSeconds();

    var elem = document.getElementById('clock');
    elem.innerHTML =  seconds;
}

function confirma(){
    confirm('confirmation?');
}
</script>

<body onload="setInterval('updateClock()', 200);">
<h1 id="clock"></h1>
    <button onclick="confirma()">confirm!</button>
 </body>

我的脚本效果很好，但当我点击“确认！”按钮时，秒数不会增加（冻结），为什么呢？

Answer 1

你可以使用纯Html而不是弹出窗口，因为弹出窗口会停止javascript直到你点击是或否。

我的建议是你把这个html放在你的确认按钮

之后

<div id="test" class="testOld">
        Do you want to confirm
        <button onclick="test()">Yes</button>
        <button onclick="test2()">No</button>
    </div>

添加此css

 .testOld{
        display:none;
    }
    .testNew{
        display:block;
    }

并修改你的javacript：

function confirma(){
    $("#test").removeClass("testOld");
     $("#test").addClass("testNew");
}
function test(){
// code after yes
}
function test2(){
//code after no
}

javascript confirm（）在打开对话框时终止我的脚本

1 个答案: