【8月摸鱼计划】倒计时的钟
  tprTMCWDkFAR 2023年11月02日 41 0
f5

image.png

image.png

代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>date</title> </head> <body>

<div id="show_time"></div> <div id="now_time"></div> <script type="text/javascript"> var str_date='2018-8-1';

var show=document.querySelector('#show_time');
var now_time=document.querySelector('#now_time');

now_time.innerHTML=dateFormat(new Date())

setInterval(function () {
    show.innerHTML=timeFormat(new Date(),str_date);
},1000);




function timeFormat(start_time,end_time) {
    var time=(new Date(end_time)-new Date(start_time))/1000;

    var days=parseInt(time/(24*60*60));
    var hours=parseInt(time%(24*60*60)/(60*60));
    var minutes=parseInt(time%(60*60)/60);
    var seconds=parseInt(time%60);
    return `剩余时间:${days}天:${hours}小时:${minutes}分钟:${seconds}秒`
}


function dateFormat(date) {
    var year=date.getFullYear();
    var month=date.getMonth()+1>9 ? date.getMonth()+1:'0'+(date.getMonth()+1);
    var day=date.getDate();
    var hour=date.getHours();
    var minute=date.getMinutes();
    var second=date.getSeconds();

    return year+'/'+month+'/'+day+' '+hour+':'+minute+':'+second;
}


var a=10;
a= a>9 ? a:'0'+a;

</script> </body> </html>

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

tprTMCWDkFAR