Rumah > Artikel > hujung hadapan web > 利用JavaScript实现在页面中显示距中秋节的天数效果

利用JavaScript实现在页面中显示距中秋节的天数效果

一个新手asal: 2017-09-26 10:16:211718semak imbas

<!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>

Atas ialah kandungan terperinci 利用JavaScript实现在页面中显示距中秋节的天数效果. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：git 常用命令大全Artikel seterusnya：jsp如何重定向网页

Artikel berkaitan

Lihat lagi