Question

你好朋友，我即将到来 HTML模板和使用倒计时器，我想腾出时间 1秒后自动刷新

我想让javascript执行atumatically

<!DOCTYPE HTML>
    <html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">

        <meta name="keywords" content="nineforo,9foro">
        <title>9foro | Coming soon</title>
        <link rel="stylesheet" href="" type="text/css">
        <link href='http://fonts.googleapis.com/css?family=Philosopher:700' rel='stylesheet' type='text/css'>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script type="text/javascript" src="jquery.countdown.pack.js"></script>
        <!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->    
        <script type="text/javascript">
            $(function () { 
                $('#countdown').countdown({until: new Date(2014, 5 - 1, 1)}); 
            });
        </script>
    </head>

    <body>
    <div id="wrapper">
        <header>
            <h2>9fORO</h2>

        <section id="timer">
            <p>Estimated time remaining before official launch:</p>
            <div id="countdown"></div>
        </section>
    </div>
    </body>
    </html>

Answer 1

无法找到您的脚本jquery.countdown.pack.js。但您可以尝试https://github.com/hilios/jQuery.countdown

<!DOCTYPE HTML>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">

        <meta name="keywords" content="nineforo,9foro">
        <title>9foro | Coming soon</title>
        <link rel="stylesheet" href="" type="text/css">
        <link href='http://fonts.googleapis.com/css?family=Philosopher:700' rel='stylesheet' type='text/css'>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script type="text/javascript" src="jquery.countdown.pack.js"></script>
        <script type="text/javascript" src="https://raw.githubusercontent.com/hilios/jQuery.countdown/master/dist/jquery.countdown.min.js"></script>
        <!--[if lt IE 9]> 
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->    
        <script type="text/javascript">
            $(function () { 
                $('#countdown').countdown("2014/14/04",function(event){
                    $(this).html(event.strftime('%D days %H:%M:%S'));
                }); 
            });
        </script>
    </head>

    <body>
    <div id="wrapper">
        <header>
            <h2>9fORO</h2>

        <section id="timer">
            <p>Estimated time remaining before official launch:</p>
            <div id="countdown"></div>
        </section>
    </div>
    </body>
</html>

HTML模板和使用倒数计时器

1 个答案: