JavaScript写一个距离高考还有多少天的案例

利用 JavaScript 完成了这个高考倒计时的制作:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>高考倒计时</title>
    <script>
    window.onload=function(){

        var now=new Date();//得到当前的时间
        var nowYear=now.getFullYear();
//      var gaokaotime=new Date("2016,6,7"); //定义高考时间
        var gaokaotime=new Date(nowYear,5,7); //定义高考时间
        if(gaokaotime.getTime()>now.getTime()){
            var date=gaokaotime.getTime()-now.getTime();//两日期的相差,得出的为毫秒
            var days=Math.ceil(date/1000/60/60/24); //1000 * 60 * 60 * 24一天的毫秒数
            document.getElementById(‘timeShow‘).innerHTML = days;
        }else{
            gaokaotime=new Date(nowYear+1,5,7); //定义高考时间
            var date=gaokaotime.getTime()-now.getTime();//两日期的相差,得出的为毫秒
            var days=Math.ceil(date/1000/60/60/24); //1000 * 60 * 60 * 24一天的毫秒数
            document.getElementById(‘timeShow‘).innerHTML = days; 

        }
    }

    </script>

    <span> 距离高考还有<span id="timeShow"></span>天</span>
    </head>
    <body>
    </body>
</html>
时间: 2024-08-25 13:17:43

JavaScript写一个距离高考还有多少天的案例的相关文章

编译原理实战入门:用 JavaScript 写一个简单的四则运算编译器(四)结语

四则运算编译器,虽然说功能很简单,只能编译四则运算表达式.但是编译原理前端部分几乎都有涉及,词法分析,语法分析,还有代码生成. 再复杂的编译器.再简单的编译器,功能上是差不多的,只是复杂的编译器实现上会更困难. 这个系列的文章是为了帮助你入门,在这个基础上再去看编译原理相关书籍,不至于打瞌睡. 如果你对编译原理很有兴趣,并且想更深一步的学习,在这里强烈推荐你看一本书--我心目中的神书--<计算机系统要素-从零开始构建现代计算机>. 这本书神在哪? 神在它通俗易懂,对小白足够友好,但又不过分肤浅

JavaScript写一个连连看的游戏

天天看到别人玩连连看, 表示没有认真玩过, 不就把两个一样的图片连接在一起么, 我自己写一个都可以呢. 使用Javascript写了一个, 托管到github, 在线DEMO地址查看:打开 最终的效果图: 写连连看之前要先考虑哪些呢? 1:如何判断两个元素可以连接呢, 刚刚开始的时候我也纳闷, 可以参考这里:打开: 2:模板引擎怎么选择呢, 我用了底线库的template,因为语法简单. 本来想用Handlebars,但是这个有点大啊, 而且底线库也提供很多常用工具方法( •? ω •? )y:

用javascript写一个前端等待控件

前端等待控件有啥新奇的?什么jquery啦,第三方控件啦,好多好多,信手拈来. 因为项目使用了bootstrap的原因,不想轻易使用第三方,怕不兼容.自己写一个. 技术点包括动态加载CSS,javascript的命名空间,所以记录一下. 这个等待控件主要是:进行某个操作前,显示一个信息提示:"数据加载中,请稍候...",操作成功后,在回调函数中将提示消失. 原理是这个等待控件完全由JS动态加进去,包括CSS,页面中并无预先设定. 那么这个CSS怎么动态加载呢?等待控件中,样式使用了cl

javascript 写一个ajax 自动拦截,并下载数据

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

JavaScript写一个小乌龟推箱子游戏

推箱子游戏是老游戏了, 网上有各种各样的版本, 说下推箱子游戏的简单实现,以及我找到的一些参考视频和实例: 推箱子游戏的在线DEMO : 打开 如下是效果图: 这个拖箱子游戏做了移动端的适配, 我使用了zepto的touch模块, 通过手指滑动屏幕就可以控制乌龟走不同的方向: 因为推箱子这个游戏比较简单, 直接用了过程式的方式写代码, 模块也就是两个View 和 Model, 剩下就是用户的事件Controller, 用户每一次按下键盘的方向键都会改变数据模型的数据,然后重新生成游戏的静态htm

JavaScript写一个拼图游戏

拼图游戏的代码400行, 有点多了, 在线DEMO的地址是:打开: 因为使用canvas,所以某些浏览器是不支持的: you know: 为什么要用canvas(⊙o⊙)?  因为图片是一整张jpg或者png, 我们要用把图片导入到canvas画布, 然后再调用上下文context的getImageData方法, 把图片处理成小图, 这些小图就作为拼图的基本单位: 如何判断游戏是否结束, 或者说如何判断用户拼成的大图是正确的? 我们就要在刚刚生成的小图上面添加自定义属性, 后期在小图被移动后再一

html+css+javaScript 写一个简单游戏 看了就会

小游戏:九宫格也可以叫三子棋,边学习js边练习,界面长这样: 步骤: 1.画好九宫格 2.实现点击后把图片放上去(绑定监听事件) 3.交替画图 4.把每个div关联到一个二维数组,方便以后计算 5.计算如何才算赢 上传两颗蠢蠢的棋子      具体代码: 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta name="generator" 5 content="HTML Tidy for HTML5

6.用java和javascript写一个程序,每秒打印一个数字,打印出1-10

<script type="text/javascript"> var n=1; function start() { timename=setInterval("set()",1000); } function set(){ document.getElementsByTagName("p")[0].innerHTML =n++; if(n==11){ clearInterval(timename); } } </script

用JavaScript写一个类似PHP print_r的函数

PHP print_r的函数很好用,网上娱乐城可以用来打印数组.对象等的结构与数据,可惜JavaScript并没有原生提供类似的函数.不过我们可以试着自己来实现这个函数,下面提供一些方法与思路. 方法一 function print_r(theObj) { var retStr = ''; if (typeof theObj == 'object') { retStr += '<div style="font-family:Tahoma; font-size:7pt;">'