简单html倒计时器代码,js简单倒计时实现代码
本文实例讲述了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简单倒计时实现代码相关推荐
- html广告倒计时代码,js实现倒计时广告效果
页面上经常弹出一些广告,过了几秒之后才出现关闭广告按钮(或者关闭按钮才可点)或者剩余指定时间才给你跳过广告(其实从用户的角度看,这个效果挺烦人的哈哈哈),效果大概如下图: js实现倒计时广告效果.gi ...
- 简单html倒计时器代码,js倒计时简单实现代码
倒计时: 1.设置一个有效的结束日期 2.计算剩余时间 3.将时间转换成可用的格式 4.输出时钟数据作为一个可重用的对象 5.在页面上显示时钟,并在它到达0时停止 html 天 时 分 秒 js代码 ...
- android 简单的倒计时器
自己做的一个简易的倒数计时器.用一个线程和handler做的. 输入设定的时间的界面:是SetTime的Acitivity 点击确定后转到下面的界面:CountdownTimer的Acitivity ...
- 分享75个JS特效倒计时,总有一款适合您
分享75个JS特效倒计时,总有一款适合您 75个JS特效倒计时下载链接:https://pan.baidu.com/s/1SntVvt85nhN3JgqcsTFY6Q?pwd=q27q 提取码:q2 ...
- python,根据tkinter计数器案例,写了个倒计时器
目录 前言: 一.案例计数器 1.效果图 2.代码 3.解析 二.调优后效果 1.效果图 编辑 2.代码 3.解析 编辑 三.变装为倒计时器 1.效果 2.代码 3.解析 四.总结 前言: 最近偶 ...
- seo黑帽劫持用的php,黑帽seo 论坛:黑帽seo防止网站被k的js劫持跳转代码
由于目前百度搜索百度搜索引擎对于js代码还没有办法完全辨别,因此也就出现了运用js代码跳转的黑帽优化提升手法.现如今在网络上有关js跳转代码不计其数,但是作为黑帽优化提升的seo手法之一,如何确保有效 ...
- js php 获取时间倒计时_,js实现倒计时及时间对象
JS实现倒计时效果代码如下: 无标题文档h #box { width: 100%; height: 400px; background: black; color: #fff; font-size:4 ...
- html可暂停倒计时代码,js实现倒计时器自定义时间和暂停
js倒计时器可自定义时间和暂停,效果如下,点击start 开始计时,end结束计时 分别复制 H5 css js 代码即可实现,具体的算法在js控制函数中(都写了注释) css html,body{ ...
- js倒计时代码最简单的_10个简单的技巧让你的 vue.js 代码更优雅
作为深度代码洁癖,我们都希望能写出简单高效的代码,让我们的代码看起来更加优雅,让我们抛弃繁杂的代码,一起开启简单的旅程~~ slots 新语法向 3.0 看齐 ❝使用带有"#"的新 ...
- js倒计时代码最简单的_32个史上最有用的js代码
1. 原生JavaScript实现字符串长度截取 function cutstr(str, len) {var temp;var icount = 0;var patrn = /[^x00-xff]/ ...
最新文章
- 【实用主义】如何用nodejs自动定时发送邮件提醒?
- 在 RedHat 使用 gdc-client 下载 TCGA 数据
- 珠海市建设工程质量监督检测站
- Drectx 3D窗口后台截图
- typedef,static,const用法
- 单链表按顺序插入节点
- RHEL 6 下VNC Server 的安装配置
- RabbitMQ消息追踪之rabbitmq_tracing
- 诛仙服务器显示横线,诛仙手游聊天颜色字体代码发送带颜色的字
- 蓝桥杯vip答案java_Java实现 蓝桥杯VIP 算法训练 寂寞的数
- Mac python3.5 + Selenium 开发环境配置
- linux 新建文件夹命令
- Gitlab代码库自动同步到Github
- oracle block corrupted,ORA-01578: ORACLE data block corrupted (file # 6, block # 132)
- 面试:1.C#中的委托是什么?事件是一种委托吗?
- Class文件格式总结
- UltraVNC远程控制其他电脑
- 用python代码辅助自己背诵英语四级单词
- btcTrade_project
- SAP FICO CBS接口-银企直连联盟收款功能开发说明书(包括测试样例、程序代码仅作参考,不保证一定可以运行)
热门文章
- 嵌入式硬件入门——EEPROM(AT24C02+I2C协议)
- 现代通信理论与新技术 PPT笔记整理
- java在线答疑系统_网上学习和答疑系统系统
- 汉化风暴 python_手机端强大的汉化风暴工具 可汉化软件
- Java毕业设计:校园二手闲置物品交易网站(java+springboot+vue+mysql)
- PHP 谷歌翻译类API 接口
- 计算机组成原理统一试卷,计算机组成原理试卷(含答案).doc
- java final 内存泄露_jfinal集成quartz插件导致tomcat内存泄漏
- ANDROID框架揭秘
- 计算机c盘快满了怎么办,电脑C盘满了怎么办?教你快速清理C盘的垃圾