用JavaScript实现倒记时特效代码--Java自学网
<html>
<head>
<title>距离某事时间点的倒记时特效-JAVA:http://www.javalearns.com/</title>
<!--倒计时设置代码-->
<script language="JavaScript">
<!-- hide script from old browser
var DifferenceHour = -1
var DifferenceMinute = -1
var DifferenceSecond = -1
var Tday = new Date("Aug 8, 2010 20:00:00") //**倒计时时间点-注意格式
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) document.formnow.dd.value=DifferenceHour
if(convertMinute != DifferenceMinute) document.formnow.hh.value=DifferenceMinute
if(convertSecond != DifferenceSecond) document.formnow.mm.value=DifferenceSecond
document.formnow.ss.value=dSecs
// document.formnow.Tnow.value= DifferenceHour DifferenceMinute + DifferenceSecond + dSecs
setTimeout("clock()",1000)
}
// end hiding -->
</script>
</head>
<!--BODY里面的ONLOAD注意-->
<body οnlοad="clock();return true" text="red">
<!--实现显示-->
距离Aug 8, 2010 20:00:00还有
<br>
<form name="formnow">
<input name="dd" type="text" style="border:0;" size=2>
天
<input name="hh" type="text" style="border:0;" size=2>
小时
<input name="mm" type="text" style="border:0;" size=2>
分
<input name="ss" type="text" style="border:0;" size=2>
秒
</form>
<!--倒计时完毕-->
</body>
</html>
文章转载自 http://www.javalearns.com/Html/?1674.html
更多Java知识学习请访问 Java免费学习网 http://www.javalearns.com
用JavaScript实现倒记时特效代码--Java自学网相关推荐
- 倒计算程序php,ASP_用ASP实现距指定日期的倒记时程序源码,给一个特殊的日子设计一个倒 - phpStudy...
用ASP实现距指定日期的倒记时程序源码 给一个特殊的日子设计一个倒记时,也挺有意思的,而且利用几个时间函数,就可简单地完成ASP网页中距某个时间点的倒记时功能,改变Cdate函数的参数就可完成其他日期 ...
- 如何做FLASH倒记时
1. 建立一影片剪辑"倒记时",在图层1写"距离开幕式还有:",在其右用文本工具拉一输入框,设为动态文本,变量设置为"TimeText",再 ...
- 手机验证码倒记时函数
/*** 倒记时* @param {object} options 设置参数* @param.fresh_text {string} 倒计时结束要显示的文字,默认使用按钮最初的文字* @param.c ...
- JavaScript提示层漂浮js特效代码
下载地址 一款实用的JavaScript提示层漂浮特效代码,警告.提示.成功等,可以设置位置.基础调用Notify({ title: "Toast Message" });内容可以 ...
- JavaScript实现的简单烟花特效代码1.15
具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www ...
- JavaScript屏幕保护网页js特效代码
下载地址 一个纯JavaScript库,使您能够在你的网站上设置屏幕保护程序.这个js插件可以检测到页面上的用户活动和空白的屏幕当用户已经闲置了一段时间. dd:
- 最简判断闰年java代码,java判断闰年代码
java判断闰年代码 java教程网[简单的一道题--用if-else 语句判断某年份是否为闰年]代码如下: package com.wenzhi;O网页链接 Python 代码:(java类似,算法 ...
- php js特效代码如何用,Javascript实现吸顶特效(代码示例)
本篇文章给大家带来的内容是Javascript实现吸顶特效(代码示例).有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 知识点 1.scroll家族和offset家族的结合运用 2. ...
- JavaScript 记时(Timing)
通过使用JavaScript,我们有能力做到在一个设定的时间间隔之后执行代码,而不是在函数被调用后立即执行,我们称之为计时事件. 在JavaScript中使用计时事件是很容易的,两个关键的方法是: s ...
最新文章
- 学生科技周的讲座-2021-内容准备
- python多重循环导致内存不足_Python多重处理拒绝循环
- Hadoop MapReduce概念学习系列之mr程序详谈(二十三)
- 灵魂画手:漫画图解 SSH
- utilities(matlab)—— mat2imgcell
- 读取xml文件分析 EntityName 时出错的解决方案
- Debian9系统上 基于Qt5.12.1 开发的QML界面程序 无法输入中文
- html 星星字体,做华丽的星星文字效
- Altium Designer入门教程:软件安装、中文设置与原件库配置
- 2020全球C++及系统软件技术大会议程
- 【WSL2 Win10】解决子系统中nividia-smi出现的Failed to initialize NVML GPU access blocked by the operating systeM
- 统计学习方法总结、应用对比
- git github 快速入门
- GEM5 模拟器简介
- 十年技术进阶路,让我明白了三件要事(8000字长文)
- 鸿蒙系统怎么刷emui11教程
- 什么是pptp,什么是vps?两者有何区别?
- 揭秘开心农场开发团队:初期仅15万元创业基金
- 1. oralce数据库安装以及简单的SQL语句
- TS战队拿下冠军,微博拿下TS战队