html倒计时的代码！

╰半橙微兮° 2023-01-19 03:05 195阅读 0赞

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>JS实现倒计时(时、分，秒)</title>
    <script language="javascript" type="text/javascript">
    var interval = 1000;
    function ShowCountDown(year,month,day,divname)
    { 
    var now = new Date();
    var endDate = new Date(year, month-1, day);
    var leftTime=endDate.getTime()-now.getTime();
    var leftsecond = parseInt(leftTime/1000);
    //var day1=parseInt(leftsecond/(24*60*60*6));
    var day1=Math.floor(leftsecond/(60*60*24));
    var hour=Math.floor((leftsecond-day1*24*60*60)/3600);
    var minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60);
    var second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60);
    var cc = document.getElementById(divname);
    cc.innerHTML = "脚本之家提示距离"+year+"年"+month+"月"+day+"日还有："+day1+"天"+hour+"小时"+minute+"分"+second+"秒";
    }
    window.setInterval(function(){ ShowCountDown(2010,4,20,'divdown1');}, interval);
    </script>
    </head>
    <body>
    <div id="divdown1"></div>
    </body>
    </html>

完整实例：[http://github.crmeb.net/u/defu][http_github.crmeb.net_u_defu]

[http_github.crmeb.net_u_defu]: http://github.crmeb.net/u/defu

发表评论取消回复

表情：

评论列表（有 0 条评论，195人围观）

还没有评论，来说两句吧...

相关阅读

相关有趣的HTML实例（一）倒计时

有趣的HTML实例（一）倒计时，适用于多种情景，可塑性

朴灿烈づ我的快乐病毒、/ 2024年04月28日 07:51/ 0 赞/ 75 阅读

相关倒计时

js部分： export default function CalcTime(endtime) { var obj = {}; var

男娘i/ 2023年05月31日 06:38/ 0 赞/ 22 阅读

相关 html倒计时的代码！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

╰半橙微兮°/ 2023年01月19日 03:05/ 0 赞/ 196 阅读

相关 js 天数倒计时时间倒计时

export function getOverTimeDown(endDateStr: string, outValue?: { value: string }, fn

àì夳堔傛蜴生んèń/ 2022年09月11日 12:10/ 0 赞/ 306 阅读

相关 js-jquery 倒计时代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht

青旅半醒/ 2022年08月10日 09:39/ 0 赞/ 179 阅读

相关 html js精简倒计时代码

简洁实用的倒计时代码 <!doctype html> <html> <head> <meta charset="utf-

谁践踏了优雅/ 2022年06月11日 07:06/ 0 赞/ 182 阅读

相关倒计时

验证输入手机号验证码倒计时 ![这里写图片描述][SouthEast]![这里写图片描述][SouthEast 1] \如上图所示要实现验证码的倒计时的效果

不念不忘少年蓝@/ 2022年06月02日 10:12/ 0 赞/ 385 阅读

相关倒计时

js代码 var EndTime= new Date('2017/2/18 00:00:00'); //设置到期时间 var NowTime = ne

- 日理万妓/ 2021年12月23日 08:41/ 0 赞/ 514 阅读

相关 javascript 倒计时天、小时、分钟、描述的倒计时代码

调用方法 var _TimeCountDown = new TimeCountDown("sttime1",{ startTime:'2016-07-30

缺乏、安全感/ 2021年12月22日 16:29/ 0 赞/ 439 阅读

相关简易的倒计时代码

在一些活动项目中，大多会涉及倒计时。以下为倒计时代码，供小白参考。关键词：计时器、时间差具体代码如下： <!DOCTYPE html> <

我会带着你远行/ 2021年09月15日 12:04/ 0 赞/ 381 阅读