本文实例讲述了js简单倒计时实现代码。分享给大家供大家参考,具体如下:

距离活动结束还有天

小时

var day = document.getElementById("day");

var hours = document.getElementById("hours");

var min = document.getElementById("min");

var sec = document.getElementById("sec");

var DifferenceHour = -1;

var DifferenceMinute = -1;

var DifferenceSecond = -1;

//var Tday = new Date("07 20,2016 10:00:00") //**倒计时时间点-注意格式

var Tday = new Date("07/20/2016 10:00:00"); //IE:月/日/年

var daysms = 24 * 60 * 60 * 1000;

var hoursms = 60 * 60 * 1000;

var Secondms = 60 * 1000;

var microsecond = 1000;

function clock () {

var time = new Date();

var hour = time.getHours();

var minute = time.getMinutes();

var second = time.getSeconds();

var timevalue = "" + ((hour > 12) ? hour-12:hour);

timevalue += ((minute < 10) ? ":0":":") + minute;

timevalue += ((second < 10) ? ":0":":") + second;

timevalue += ((hour > 12) ? " PM":" AM");

// document.formnow.now.value = timevalue

var convertHour = DifferenceHour;

var convertMinute = DifferenceMinute;

var convertSecond = DifferenceSecond;

var Diffms = Tday.getTime() - time.getTime();

DifferenceHour = Math.floor(Diffms / daysms);

Diffms -= DifferenceHour * daysms;

DifferenceMinute = Math.floor(Diffms / hoursms);

Diffms -= DifferenceMinute * hoursms;

DifferenceSecond = Math.floor(Diffms / Secondms);

Diffms -= DifferenceSecond * Secondms;

var dSecs = Math.floor(Diffms / microsecond);

if (convertHour != DifferenceHour) {

day.innerHTML = DifferenceHour;

}

if (convertMinute != DifferenceMinute) {

hours.innerHTML = DifferenceMinute;

}

if (convertSecond != DifferenceSecond) {

min.innerHTML = DifferenceSecond;

}

sec.innerHTML = dSecs;

// document.formnow.Tnow.value= DifferenceHour DifferenceMinute + DifferenceSecond + dSecs

setTimeout("clock()", 1000);

}

clock();

希望本文所述对大家JavaScript程序设计有所帮助。

简单html倒计时器代码,js简单倒计时实现代码相关推荐

  1. html广告倒计时代码,js实现倒计时广告效果

    页面上经常弹出一些广告,过了几秒之后才出现关闭广告按钮(或者关闭按钮才可点)或者剩余指定时间才给你跳过广告(其实从用户的角度看,这个效果挺烦人的哈哈哈),效果大概如下图: js实现倒计时广告效果.gi ...

  2. 简单html倒计时器代码,js倒计时简单实现代码

    倒计时: 1.设置一个有效的结束日期 2.计算剩余时间 3.将时间转换成可用的格式 4.输出时钟数据作为一个可重用的对象 5.在页面上显示时钟,并在它到达0时停止 html 天 时 分 秒 js代码 ...

  3. android 简单的倒计时器

    自己做的一个简易的倒数计时器.用一个线程和handler做的. 输入设定的时间的界面:是SetTime的Acitivity 点击确定后转到下面的界面:CountdownTimer的Acitivity ...

  4. 分享75个JS特效倒计时,总有一款适合您

    分享75个JS特效倒计时,总有一款适合您 75个JS特效倒计时下载链接:https://pan.baidu.com/s/1SntVvt85nhN3JgqcsTFY6Q?pwd=q27q  提取码:q2 ...

  5. python,根据tkinter计数器案例,写了个倒计时器

    目录 前言: 一.案例计数器 1.效果图 2.代码 3.解析 二.调优后效果 1.效果图 ​编辑 2.代码 3.解析 ​编辑 三.变装为倒计时器 1.效果 2.代码 3.解析 四.总结 前言: 最近偶 ...

  6. seo黑帽劫持用的php,黑帽seo 论坛:黑帽seo防止网站被k的js劫持跳转代码

    由于目前百度搜索百度搜索引擎对于js代码还没有办法完全辨别,因此也就出现了运用js代码跳转的黑帽优化提升手法.现如今在网络上有关js跳转代码不计其数,但是作为黑帽优化提升的seo手法之一,如何确保有效 ...

  7. js php 获取时间倒计时_,js实现倒计时及时间对象

    JS实现倒计时效果代码如下: 无标题文档h #box { width: 100%; height: 400px; background: black; color: #fff; font-size:4 ...

  8. html可暂停倒计时代码,js实现倒计时器自定义时间和暂停

    js倒计时器可自定义时间和暂停,效果如下,点击start 开始计时,end结束计时 分别复制 H5 css js 代码即可实现,具体的算法在js控制函数中(都写了注释) css html,body{ ...

  9. js倒计时代码最简单的_10个简单的技巧让你的 vue.js 代码更优雅

    作为深度代码洁癖,我们都希望能写出简单高效的代码,让我们的代码看起来更加优雅,让我们抛弃繁杂的代码,一起开启简单的旅程~~ slots 新语法向 3.0 看齐 ❝使用带有"#"的新 ...

  10. js倒计时代码最简单的_32个史上最有用的js代码

    1. 原生JavaScript实现字符串长度截取 function cutstr(str, len) {var temp;var icount = 0;var patrn = /[^x00-xff]/ ...

最新文章

  1. 【实用主义】如何用nodejs自动定时发送邮件提醒?
  2. 在 RedHat 使用 gdc-client 下载 TCGA 数据
  3. 珠海市建设工程质量监督检测站
  4. Drectx 3D窗口后台截图
  5. typedef,static,const用法
  6. 单链表按顺序插入节点
  7. RHEL 6 下VNC Server 的安装配置
  8. RabbitMQ消息追踪之rabbitmq_tracing
  9. 诛仙服务器显示横线,诛仙手游聊天颜色字体代码发送带颜色的字
  10. 蓝桥杯vip答案java_Java实现 蓝桥杯VIP 算法训练 寂寞的数
  11. Mac python3.5 + Selenium 开发环境配置
  12. linux 新建文件夹命令
  13. Gitlab代码库自动同步到Github
  14. oracle block corrupted,ORA-01578: ORACLE data block corrupted (file # 6, block # 132)
  15. 面试:1.C#中的委托是什么?事件是一种委托吗?
  16. Class文件格式总结
  17. UltraVNC远程控制其他电脑
  18. 用python代码辅助自己背诵英语四级单词
  19. btcTrade_project
  20. SAP FICO CBS接口-银企直连联盟收款功能开发说明书(包括测试样例、程序代码仅作参考,不保证一定可以运行)

热门文章

  1. 嵌入式硬件入门——EEPROM(AT24C02+I2C协议)
  2. 现代通信理论与新技术 PPT笔记整理
  3. java在线答疑系统_网上学习和答疑系统系统
  4. 汉化风暴 python_手机端强大的汉化风暴工具 可汉化软件
  5. Java毕业设计:校园二手闲置物品交易网站(java+springboot+vue+mysql)
  6. PHP 谷歌翻译类API 接口
  7. 计算机组成原理统一试卷,计算机组成原理试卷(含答案).doc
  8. java final 内存泄露_jfinal集成quartz插件导致tomcat内存泄漏
  9. ANDROID框架揭秘
  10. 计算机c盘快满了怎么办,电脑C盘满了怎么办?教你快速清理C盘的垃圾