JavaScript对下一个元旦倒计时,经常用于网店限时销售

<div>距离下一个元旦还有多久:</div>
<div id="timer"></div>

<script type="text/javascript">

		function nextTime(){
			var now = new Date();
			//距离下一个元旦还有多久
			var end = new Date(now.getFullYear() + 1,0,1);
			//两个时间差
			var time = end.getTime() - now.getTime();
			//转换成秒
			var sec = time/1000;
			//转换成天
			var day = Math.floor(sec/60/60/24);
			//转换成时
			var hour = sec/60/60;
			//转换成分
			var min = sec/60;

			var lhour = Math.floor(hour % 24);
			var lmin = Math.floor(min % 60);
			var lsec = Math.floor(sec % 60);

			document.getElementById("timer").innerHTML = day +"天" + lhour + "时" + lmin +"分" + lsec + "秒";

		}

		setInterval(nextTime,1000);
	</script>

  

  

时间: 2024-10-14 10:46:31

JavaScript对下一个元旦倒计时,经常用于网店限时销售的相关文章

javascript 获取dom书的下一个节点。

利用javascript 写一个在页面点击加减按钮实现数字的累加.. 简略的html大概如此.看得懂就好不要在意这些细节啊 1 <input type="button" value="+" onclick="jia(this)" /> 2 <label class="num">0</label> 3 <input type="button" value="

一个diff工具,用于判断两个目录下所有的改动(比较新旧版本文件夹)

需求: 编写一个diff工具,用于判断两个目录下所有的改动 详细介绍: 有A和B两个目录,目录所在位置及层级均不确定 需要以B为基准找出两个目录中所有有改动的文件(文件或内容增加.修改.删除),将有改动的文件放入第三个目录中,层级结构与原目录相同 将所有新增与更新信息记录到更新日志文件中 将删除信息单独记录到删除日志文件中 每次执行diff工具需要生成一个新的以日期命名的目录存放文件 使用场景: 本工具用于软件版本升级时找出两个版本间所有修改过的文件,便于增量替换. 提示:    使用CRC判断

AngularJS - 下一个大框架

AngularJS AngularJS是web应用的下一个巨头. AngularJS如果为创建web应用而设计,那它就是HTML的套路了.具有数据绑定, MVW, MVVM, MVC, 依赖注入的声明式模板和出色的可测试性都是用纯客户端 JavaScript来实现的! AngularJS 是一个创建富客户端应用的JavaScript MVC框架,它组织良好,经过严格测试,多功能,强大并且十分灵活.你仍然需要具有服务端后台,但大多数的用户交互逻辑将优雅地放到客户端上处理. AngularJS是一个

为你下一个项目准备的 50 个 Bootstrap 插件

Bootstrap是快速开发Web应用程序的前端工具包.它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等. 本文向你推荐 50 个 Bootstrap 的插件,可以考虑在你下一个项目中使用它们. 1. Bootstrap Multiselect 2. Bootstrap Dialog 3. Bootstrap Confirmation 4. Bootstrap Tag Input 5. Bootstrap Fil

JavaScript + PHP 实现刷新继续保持倒计时的按钮

场景:发送一个验证码到手机,当验证码发出时,会提示隔 1 分钟之后可以再次发送.通常有这几种方式防止恶意请求,一是再次发送之前需要输入验证码,二是在指定的时间间隔之内不能再次发送. 有些网站在 1 分钟的间隔之间之内发送按钮的确是禁用了,但是只要刷新浏览器,或者通过 F12 工具修改 Button 的 disabled 属性,在时间间隔之内仍然可以点击按钮. 需要在刷新的情况下仍然保持倒计时,可以在服务器端用过 SESSION 记录点击的时间,并且每次加载页面的时候都去检测当前时间和点击时间的时

Intel将会是下一个Nokia

前段时间暴出的一个新闻,说google自家设计芯片,用于更好地支持人工智能,但是或许出于商业目的迷惑对方,或者是为了圆场,google方面说,这个芯片只是GPU的新架构,并说google没打算进军处理器,还说现在的处理器性能上已经够用,至少不是瓶颈. 但是,问题是,我们的cpu真的够用了吗? 在黑天鹅飞出来之前,我们的思维都是被禁锢的,只停留于舒适区. 就像当年的手机,nokia时期,智能机的概念就是能装软件(能扩展),我们从来没考虑过,也不敢奢望更多. 直到有人给了我们更多. Nokia也作恶

向下一个活动传递数据

实验名称:向下一个活动传递数据 实验现象:点击主活动button,在进入第二个活动的时候会打印一行信息Hello SecondActivity 使用技术:Intent中的putExtra()方法的重载. 步骤: 1.创建一个项目,建立一个空的活动,加载布局,添加一个button. 2.再次创建一个空活动 3.修改button的单击事件 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(sav

jquery如何获取当前元素的下一个元素

jquery如何获取当前元素的下一个元素: 本章节介绍一下如何利用jquery获取当前元素的下一个元素,如何利用原生js获取下一个元素可以参阅原生js获取当前元素的下一个元素代码实例一章节, 下面直接看代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51tex

Memcahce(MC)系列(两)Linux下一个Memcache安装

Linux下一个memcache安装 memcache是高性能.分布式的内存对象缓存系统,用于在动态应用中降低数据库负载.提升訪问速度.眼下用memcache解决互联网上的大用户读取是很流行的一种使用方法,在互联网企业中有着广泛的应用. ?关于memcache的具体介绍,有兴趣的朋友请參考这篇文章:http://blog.csdn.net/xifeijian/article/details/21994941 1.下载memcache 墙裂推荐官方下载(http://memcached.org/)