页面樱花特效以及鼠标点击特效,以及显示当前时间

在需要显示的页面引入以下代码即可

<!--鼠标点击特效-->
<script src="https://cdn.jsdelivr.net/gh/fz6m/Private-web@1.2/js/custom/click.min.js"></script>
<!--页面动态樱花-->
<script type="text/javascript"src="https://cdn.jsdelivr.net/gh/fz6m/Private-web@1.2/js/sakura/sakura-original.js"></script>

页面底部显示当前时间

<div id="Date"></div>
<script type="text/javascript">
    setInterval(function(){
        var date = new Date();
        var year = date.getFullYear();    //获取当前年份
        var month = date.getMonth()+1;    //获取当前月份
        var day = date.getDate();         //获取当前日
        var h = date.getHours();          //获取小时
        var m = date.getMinutes();        //获取分钟
        var s = date.getSeconds();        //获取秒
        var d = document.getElementById('Date');
	month = month < 10 ? '0' + month : month;
	day = day < 10 ? '0' + day : day;
	h = h < 10 ? '0' + h : h;
	m = m < 10 ? '0' + m : m;
	s = s < 10 ? '0' + s : s;
        d.innerHTML='当前时间:'+year+'-'+month+'-'+day+' '+h+':'+m+':'+s;
    }, 1000)
</script>


标题:页面樱花特效以及鼠标点击特效,以及显示当前时间
作者:Mune
地址:https://cnxiaobai.com/articles/2021/04/21/1619004116114.html

    评论
    0 评论
avatar

取消