脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js倒计时代码

js完整倒计时代码分享

 更新时间：2016年09月18日 08:42:25   投稿：lijiao  
这篇文章主要为大家详细介绍了js完整倒计时代码,具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了js倒计时代码，供大家参考，具体内容如下

<html>
<head>
<title>倒计时测试</title>
 <script src="http://event.wushuangol.com/ShopClothes/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
 <script language="JavaScript">

 $(document).ready(function () {
<!-- 时间必须启动 -->
 clockon();
 });

 
function clockon() {
 var now = new Date();
 var year = now.getFullYear(); //getFullYear getYear
 var month = now.getMonth();
 var date = now.getDate();
 var day = now.getDay();
 var hour = now.getHours();
 var minu = now.getMinutes();
 var sec = now.getSeconds();
 var week;
 month = month + 1;
 if (month < 10) month = "0" + month;
 if (date < 10) date = "0" + date;
 if (hour < 10) hour = "0" + hour;
 if (minu < 10) minu = "0" + minu;
 if (sec < 10) sec = "0" + sec;
 var arr_week = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
 week = arr_week[day];
 var time = "";
 time = year + "年" + month + "月" + date + "日" + " " + hour + ":" + minu + ":" + sec + " " + week;
 $("#bgclock").html(time);

 

 var timer = setTimeout("clockon()", 200);
}

 
<!-- 隐藏脚本从旧的浏览器
var DifferHour = -1
var DifferMinute = -1
var DifferSecond = -1
var Tday1 = new Date("Feb 11, 2013 00: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")
 var convertHour = DifferHour
 var convertMinute = DifferMinute
 var convertSecond = DifferSecond
 var Diffms = Tday1.getTime() - time.getTime()
 DifferHour = Math.floor(Diffms / daysms)
 Diffms -= DifferHour * daysms
 DifferMinute = Math.floor(Diffms / hoursms)
 Diffms -= DifferMinute * hoursms
 DifferSecond = Math.floor(Diffms / Secondms)
 Diffms -= DifferSecond * Secondms
 var dSecs = Math.floor(Diffms / microsecond)
 if(convertHour != DifferHour) document.formnow.dd.value=DifferHour
 if(convertMinute != DifferMinute) document.formnow.hh.value=DifferMinute
 if(convertSecond != DifferSecond) document.formnow.mm.value=DifferSecond
 document.formnow.ss.value=dSecs
 document.formnow.ss.value=dSecs
// document.formnow.Tnow.value= DifferHour DifferMinute + DifferSecond + dSecs

setTimeout("clock()",1000)



}

//

 

隐藏-->

</script>
</head>
<body onload="clock();return true" >
<!--显示出内容-->
<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>
秒
<span id="bgclock" style="float:right;padding-right:10px; padding-top:2px;text="red""></span>
</form>

<!--倒计时完毕啦-->

</body>
</html>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • 微信小程序用户授权最佳实践指南

    微信小程序用户授权最佳实践指南

    这篇文章主要给大家介绍了关于微信小程序用户授权最佳实践的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • javascript表格的渲染组件

    javascript表格的渲染组件

    这篇文章主要介绍了javascript表格的渲染组件的相关资料,需要的朋友可以参考下
    2015-07-07
  • vite打包优化vite-plugin-compression的使用示例详解

    vite打包优化vite-plugin-compression的使用示例详解

    这篇文章主要介绍了vite打包优化vite-plugin-compression的使用,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2023-09-09
  • 14 个折磨人的 JavaScript 面试题

    14 个折磨人的 JavaScript 面试题

    这篇文章主要为大家详细介绍了14 个折磨人的 JavaScript 面试题，希望对大家有所帮助，感兴趣的小伙伴们可以参考一下
    2016-08-08
  • JS操作CSS随机改变网页背景实现思路

    JS操作CSS随机改变网页背景实现思路

    JS和CSS让页面每次刷新随机产生一张背景图，当然我的回答是可以的，下面是具体的实现思路，感兴趣的朋友可以参考下
    2014-03-03
  • 防止Layui form表单重复提交的实现方法

    防止Layui form表单重复提交的实现方法

    今天小编就为大家分享一篇防止Layui form表单重复提交的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 一个炫酷的Bootstrap导航菜单

    一个炫酷的Bootstrap导航菜单

    这篇文章主要为大家详细介绍了一个炫酷的Bootstrap导航菜单的制作方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 原生js代码实现图片放大境效果

    原生js代码实现图片放大境效果

    今天小编给大家分享两种使用js写的图片放大镜效果，原理都差不多，都是采用了两张图片给两张图片设定相应的尺寸，最后显示在不同位置，最终实现放大效果，感兴趣的朋友一起看看吧
    2016-10-10
  • 关于layui toolbar和template的结合使用方法

    关于layui toolbar和template的结合使用方法

    今天小编就为大家分享一篇关于layui toolbar和template的结合使用方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JavaScript实现倒计时跳转页面功能【实用】

    JavaScript实现倒计时跳转页面功能【实用】

    本文分享了JavaScript实现倒计时跳转页面功能的具体实例代码，页面代码简单，直接拷贝就能运行，页面可以自己美化下哦。需要的朋友一起来看下吧
    2016-12-12

最新评论