Home > Article > Web Front-end > Use JavaScript to display the number of days until the Mid-Autumn Festival on the page

Use JavaScript to display the number of days until the Mid-Autumn Festival on the page

一个新手Original: 2017-09-26 10:16:211718browse

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>在页面中显示距离2017年中秋节的天数</title>
    <script type="text/javascript">
        function countdown(title,Intime,pId) {            var online=new Date(Intime);  //根据参数定义时间对象            var now=new Date();     //定义当前系统时间            var leave=online.getTime()-now.getTime(); //计算时间差            var day=Math.floor(leave/(1000*60*60*24))+1;            if (day>1){
                    pId.innerHTML="<b>----距离"+title+"还有"+day+"天！<br/>" ; //页面显示信息            }else{                if (day==1){
                        pId.innerHTML="<b>----明天就是"+title+"啦！<br/>" ; //页面显示信息                }else{                    if (day==0) {
                        pId.innerHTML = "<b>----今天就是" + title + "呀！<br/>"; //页面显示信息                    }else{
                            pId.innerHTML="<b>----哎呀!"+title+"已经过了！<br/>" ; //页面显示信息                        }
                    }
                }
        }    </script></head><body>
    <table width="350" height="450" border="0" align="center" cellspacing="0" cellpadding="0">
        <tr>
            <td valign="bottom">
                <table width="346" height="418" border="0" align="center" cellspacing="0" cellpadding="0">
                    <tr>
                        <td width="76"></td>
                        <td width="270">
                            <p id="countDown">
                                <b>---</b></p>
                                <script type="text/javascript">
                                    countdown("2017年中秋节","10/4/2017",countDown); //调用JavaScript函数                                </script>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table></body></html>

The above is the detailed content of Use JavaScript to display the number of days until the Mid-Autumn Festival on the page. For more information, please follow other related articles on the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：A complete list of common git commandsNext article：A complete list of common git commands

See more

Use JavaScript to display the number of days until the Mid-Autumn Festival on the page

Related articles