| 网站首页 | 平板电脑 | 台式电脑 | 笔记本电脑 | 电脑故障 | 电脑系统 | 电脑软件 | 电脑游戏 | 电脑主题 | 电脑编程 | 电脑术语 | 电脑知识 | 智能手机 | 
最新公告:     电脑指南网指引你如何选购平板电脑,笔记本电脑,电脑出现故障怎么办,教你怎么重装系统,电脑要怎么安装应用软件和更换主题等,电脑知识尽在电脑指南网!!  [admin  2014-11-10]            各位电脑学者!最新最全的电脑知识尽在--电脑教程网!! 学习电脑时有不懂的,您可以收藏本网站天天浏览电脑教程网学习!!  [电脑教程  2013-12-01]        
电脑网 电脑网
电脑网 您现在的位置: 电脑指南网 >> 电脑编程 >> 脚本编程 >> 正文
电脑网 电脑编程专题 电脑网
电脑网 更多内容 电脑网
电脑网 脚本编程最新更新 电脑网
推荐文章 JS(javascript)倒计时源码
推荐文章 浏览器怎么用Javascript调用exe程热点文章
普通文章 javascript代码在哪个位置热点文章
推荐文章 javascript的运行环境
推荐文章 javascript代码怎么编写
普通文章 怎么用Bookmarklet执行当前网页j热点文章
普通文章 网页中怎么插入JavaScript代码热点文章
推荐文章 bash脚本中if语句怎么用热点文章
推荐文章 Bash脚本编程
普通文章 PHP怎么链接mssql数据库热点文章
电脑网 更多内容 电脑网
电脑网 栏目导航 电脑网
编程语言
java语言 | C语言 | JavaScript语言
PHP语言
网页编程
脚本编程
数据库
电脑网 更多内容 电脑网
电脑网 电脑软件 电脑网
普通文章 百度云os设置在状态栏显示网速的
普通文章 百度云加速怎么刷新网站缓存
普通文章 用百度云下载BT文件怎么下载
普通文章 百度云观测如何使用
普通文章 百度云管家下载文件失败
普通文章 百度云系统如何裁剪歌曲做铃声
推荐文章 百度云如何给分享文件设置密码
推荐文章 百度浏览器怎么添加百度云收藏
电脑网 更多内容 电脑网
电脑网 电脑游戏 电脑网
普通文章 剑灵激活码怎么弄
普通文章 剑灵伙伴是怎样搭配命格的
普通文章 剑灵形象保存及捏脸数据怎么导入
普通文章 指令大全 剑灵怎么跳舞
普通文章 剑灵的客户端(剑灵最新的安装包
普通文章 如何具体兑换剑士秘典二篇秘籍修
普通文章 剑灵怎么升到45级洪门一星
普通文章 洪门秘籍 剑灵如何补刀
电脑网 更多内容 电脑网
电脑网 电脑故障 电脑网
普通文章 u大师制作u盘启动盘操作失败提示
普通文章 鼠标被禁用了怎么办
普通文章 笔记本电脑不能正常关机怎么回事
推荐文章 插两根内存开不了机无法进入系统热点文章
推荐文章 内存条金手指烧毁了怎么修复热点文章
推荐文章 “0x7c84c3e3”指令引用的“0x6e热点文章
推荐文章 电脑每次开机都要重新插拔内存条热点文章
推荐文章 开机提示memory size decreased错热点文章
电脑网 更多内容 电脑网
电脑网 [组图]JS(javascript)倒计时源码

JS(javascript)倒计时源码

作者:pc.zx98.com 来源:互联网 标签:javascript教程 点击数:        ★★★★
 

js(javascript)倒计时源码

开始倒计时效果:如下图效果

js(javascript)倒计时源码

 

  • 倒计时结束效果:如下图效果

    js(javascript)倒计时源码

  • <!-----------------------------------------源码------------------------------------------------------------->

    <!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>

    </head>

    <body>

    <div id="times_container"  style="border:1px; border-color:#999999; border-style:solid; background:#333333; color:#ffffff; width:500px; height:40px; line-height:40px; font-size:24px">

             距离活动结束还有:<span id="times_day"> </span>天

                                              <span id="times_hour"> </span>时 

                                              <span id="times_minute"> </span>分   

                                              <span id="second"> </span>秒  

    </div>

     

    <script type="text/javascript"  language="javascript">

    settimeout("count_down()",1000);//设置每一秒调用一次倒计时函数

    //获取容器元素 var times_container = document.getelementbyid("times_container");

    //根据天,时,分,秒的id找到相对应的元素

    var time_day = document.getelementbyid("times_day");

    var time_hour = document.getelementbyid("times_hour");

    var time_minute = document.getelementbyid("times_minute");

    var time_second = document.getelementbyid("second");

    var time_end = new date("2013/10/04 09:21:00");  // 设定活动结束结束时间

    time_end = time_end.gettime();

     

    //定义倒计时函数

    function count_down(){

       var time_now = new date();  // 获取当前时间

       time_now = time_now.gettime();

       var time_distance = time_end - time_now;  // 时间差:活动结束时间减去当前时间  

       var int_day, int_hour, int_minute, int_second;  

     if(time_distance >= 0){  

         // 相减的差数换算成天数  

         int_day = math.floor(time_distance/86400000)

         time_distance -= int_day * 86400000;

     

     // 相减的差数换算成小时

            int_hour = math.floor(time_distance/3600000)

            time_distance -= int_hour * 3600000; 

     

    // 相减的差数换算成分钟  

         int_minute = math.floor(time_distance/60000)   

        time_distance -= int_minute * 60000;

     

     // 相减的差数换算成秒数 

          int_second = math.floor(time_distance/1000)   

     

        // 判断小时小于10时,前面加0进行占位

            if(int_hour < 10)

            int_hour = "0" + int_hour; 

     

    // 判断分钟小于10时,前面加0进行占位     

      if(int_minute < 10)   

       int_minute = "0" + int_minute; 

     

     // 判断秒数小于10时,前面加0进行占位

           if(int_second < 10)

           int_second = "0" + int_second;      

     

    // 显示倒计时效果      

    time_day.innerhtml = int_day;

    time_hour.innerhtml = int_hour;

    time_minute.innerhtml = int_minute;

    time_second.innerhtml = int_second;

    settimeout("count_down()",1000);

        }else{

    //如果您想在活动结束后提示什么信息,就写在下边的单引号内

     times_container.innerhtml="对不起,活动结束,倒计时完毕!!";

          }

    }

    </script>

    </body>

    </html>

    PC.Zx98.com

     

    更多关注:javascript教程

    脚本编程栏目电脑编程频道返回首页
  • 上一篇文章:

  • 下一篇文章: 没有了
  • 电脑网 脚本编程相关文章 更多内容 电脑网
    [JavaScript语言]javascript的执行顺序
    [JavaScript语言]JavaScript操作字符串怎么用
    [JavaScript语言]JavaScript编程语言的编码规范
    [JavaScript语言]Javascript随鼠标的彩色字符特效怎么编
    [JavaScript语言]JavaScript的特点
    [JavaScript语言]javascript的调试方法
    [JavaScript语言]javascript的教程:怎么编写javascript
    [JavaScript语言]Opera浏览器中的javascript语言关闭方法
    [JavaScript语言]怎么学习Javascript的
    [JavaScript语言]javascript对象的引用与赋值
    电脑网 电脑网 电脑网

    JS(javascript)倒计时

    浏览器怎么用Javascri

    javascript代码在哪个

    怎么用Bookmarklet执行
    图片 脚本编程最新推荐 更多>> 图片
     [脚本编程]JS(javascript)倒计时源码
     [脚本编程]浏览器怎么用Javascript调用ex
     [脚本编程]javascript的运行环境
     [脚本编程]javascript代码怎么编写
     [脚本编程]bash脚本中if语句怎么用
     [脚本编程]Bash脚本编程
     [脚本编程]python函数如何使用
     [脚本编程]Linux系统编怎么写shell脚本
     [脚本编程]什么是脚本编程
    图片 图片
    图片 电脑编程推荐 更多>> 图片
    推荐文章 [数据库]SQL数据库怎么导入导出数据热点文章
    推荐文章 [C语言]怎么用C语言编写一个程序向爱的人热点文章
    推荐文章 [编程语言]编程语言有哪些热点文章
    推荐文章 [数据库]开启SQL数据库服务的方法热点文章
    推荐文章 [网页编程]php语言的特点热点文章
    推荐文章 [编程语言]现在学哪种编程语言比较有前途热点文章
    推荐文章 [数据库]visio画数据库模型图怎么用热点文章
    推荐文章 [编程语言]哪种编程语言最好学热点文章
    推荐文章 [java语言]Java Web项目更改项目名后报错怎热点文章
    推荐文章 [脚本编程]Linux系统编怎么写shell脚本热点文章
    图片 图片

    裴紫绮美女模特电脑主

    气质美女免费电脑主题

    杉原杏璃电脑桌面壁纸

    美女桌面清新白裙壁纸
     网友评论: 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口

    | 本站简介 | 加入收藏 | 联系站长 | 本站友链 | 申请友链 | 版权申明 | 返回首页 |

    声明:文章部分来源网络,转载请标明出处!
    网站备案号:粤ICP备12041130号
    您身边的最好的电脑指南网!
    网站站长:QQ:1141452800