js-高考倒计时

HTML部分：

<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312"/>
<title>高考倒计时</title>
</head>
<body>
    <p>高考倒计时：</p>
    <div id="box">11111</div>
</body>
</html>

CSS部分：

#box,p{
        color:red;
        font-size:16px;
        width:300px;
        margin:0 auto;
   }

JS部分：

window.onload=function(){
    var curtime=new Date();//当前时间
    var endtime=new Date("2017,6,6");//结束时间
    var lefttime=Math.ceil((endtime.getTime()-curtime.getTime())/(24*60*60*1000));
    document.getElementById("box").innerHTML=lefttime;
}

时间： 2024-10-26 19:45:18

js-高考倒计时的相关文章

一个简单的js实现倒计时函数

<!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" xml:lang="zh-cn"> <head> <met

JS实现倒计时效果代码如下: 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title>h 6 <style> 7 #box { 8 width: 100%; 9 height: 400px; 10 background: black; 11 color: #fff; 12 font-size:4

js实现倒计时60秒的简单代码(推荐)

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js实现倒计时60秒的简单代码(推荐)</title> <script type="text/javascript"

JS时间倒计时

<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf8" /><title>JS时间倒计时</title><script type="text/javascript">var time_

用JS实现倒计时(日期字符串作为参数)

<!doctype html> <html> <head> <meta charset="utf-8"> <title>JS实现倒计时</title> <style> *{ margin:0; padding:0; list-style:none;} body{ font-size:18px; text-align:center;} .time{ height:30px; padding:200px;}

JS实现倒计时(天数,时,分,秒)

<!DOCTYPE html> <html> <head> <meta charset="utf-8" > <title>JS实现倒计时(天数,时,分,秒)</title> <link rel="stylesheet" type="text/css" href="../css/reset.css"> <link rel="sty

JS实现倒计时功能

上午主要编写了倒计时的功能,用了两种算法,一种是最终秒数.分钟数.小时数减去当前的秒.分钟和小时,当然要重点注意的就是借位的问题.另一种算法就是将最终时间转换成秒数,当前时间转换成秒数,相减之后再换算成小时.分钟和秒,再分别显示出来. 下面是我编写的代码: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title

JS实现倒计时网页自动跳转(如404页面经常使用到的)

在web前端设计中,我们经常会遇到需要实现页面倒计时跳转的功能,例如在404页面中也会经常使用到此功能,那么如何实现呢,其实实现方法很简单,实现代码如下:<title>JS倒计时网页自动跳转代码</title> <script language="JavaScript" type="text/javascript"> function delayURL(url) { var delay = document.getElementB

[JS]javascript倒计时

今天写东西需要用到倒计时,还挺有意思的,就贴出来了,希望能帮到其他人,写的不是很好,希望多提宝贵意见. HTML代码 <div class="price_time"> <div> <span class="font1">起团价:</span> <span class="font2"><span class="font4">¥</span>{$g

利用js实现倒计时

倒计时这个名词并不陌生,比如:天猫,京东等一些网上商城都会推出一些限时特价商品,今天我们就一起编写一个属于自己的倒计时: Ps: 首先做一件事情的时候,不应该盲目的去做,应该首当其冲的去想,脑子里面出现大概的思路. 一.首先我们应该在HTML放一个容器(这里面没有什么可解释的就是为了呈现倒计时): <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&g