javascript - 我怎样才能让我的计时器在倒计时结束时重新加载到页面?

标签 javascript php jquery html css

你好,我正在尝试进行倒计时,当倒计时结束时刷新页面 但是当倒计时结束时计时器不刷新页面它开始更多顺时针计数 例如,计时器必须在 3 、 2 、 1 之后重新加载页面,但它就像 3 、 2 、 1 、 1 、 2 、 3 等等下面是我的代码

    <?php if (isset($alert)) { ?>
<script type='text/javascript'>$('#alert').modal('show');</script>
<?php  } ?>
<script type="text/javascript" src="template/js/site.js"></script>
<script type="text/javascript">
    $("#DateCountdown").TimeCircles();
    $("#CountDownTimer").TimeCircles({ time: { Days: { show: false }, Hours: { show: false } }});
    $("#PageOpenTimer").TimeCircles();

    var updateTime = function(){
        var date = $("#date").val();
        var time = $("#time").val();
        var datetime = date + ' ' + time + ':00';
        $("#DateCountdown").data('date', datetime).TimeCircles().start();
    }
    $("#date").change(updateTime).keyup(updateTime);
    $("#time").change(updateTime).keyup(updateTime); 
    $(".startTimer").click(function() {
        $("#CountDownTimer").TimeCircles().start();
    });
    $(".stopTimer").click(function() {
        $("#CountDownTimer").TimeCircles().stop();
    }); 
    $(".fadeIn").click(function() {
        $("#PageOpenTimer").fadeIn();
    });
    $(".fadeOut").click(function() {
        $("#PageOpenTimer").fadeOut();
    });   
</script>

最佳答案

setTimeout(function() {
    window.location.reload();
}, 1500)

将 1500 换成您希望在重新加载页面之前传递的时间(以毫秒为单位)。

关于javascript - 我怎样才能让我的计时器在倒计时结束时重新加载到页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49341374/

相关文章:

jquery - 如何为 jQuery 实现标签插件

javascript - 在 React ES6 中使用三种变量定义哪个更好?为什么?

javascript - 安全 MVC Web API Controller

javascript - 对包含 3 个元素的二维数组进行排序

php - 如何编辑 Bootstrap 模板

php - 从数据库中提取用户访问级别并添加到 session 中

php - 如何将文件从服务器传输到服务器

javascript - 如何将提取的href变成超链接

javascript - 在 jQuery 中使用 $.data() 在元素上存储标志

javascript - 如何按数组元素过滤集合