原生JavaScript时间倒计时的方法

这个思路是来源用%的方法来做的;

以前用%做过转秒的

http://taobao.fm/archives/666

现在用来做倒计时方法;

需要用到的方法是getTime:获取距离1970年1月1日午夜00:00之间的毫秒差;

var targetTime=new Date("2016/01/25 16:59:59");
这个是优秀的写法;下面是有问题的写法;因为IE678下不兼容的;需要把-改成/才好;
var targetTime=new Date("2016-01-25 16:59:59");
 
<script>    var oDiv=document.getElementById("div1");    var targetTime=new Date("2016/01/25 16:59:59");

    var str=getTime(targetTime);    oDiv.innerHTML="倒计时:"+str;//进入后马上显示

    var timer=setInterval(function(){                var str=getTime(targetTime);                oDiv.innerHTML="倒计时:"+str;            },1000);

    function getTime(targetTime){        var nowTime=new Date();        var diffTime=targetTime.getTime()-nowTime.getTime();        var hour=parseInt(diffTime/(60*60*1000)),            min=parseInt(diffTime%(60*60*1000)/(60*1000)),            second=parseInt(diffTime/1000)%60;        return zero(hour)+"时"+zero(min)+"分"+zero(second)+"秒";    }    function zero(val){        return val<10?"0"+val:val    }</script>
时间: 2024-10-18 08:14:44

原生JavaScript时间倒计时的方法的相关文章

原生javascript包装一个ajax方法

调用AJAX 1 <script type="text/javascript" src="ajax.js"></script> 2 <script type="text/javascript"> 3 //调用包装好的ajax方法 4 ajax({ 5 method : "get", 6 url : "get.php", 7 asyn : true, 8 data : &q

MUI常用脚本及原生JavaScript常用操作元素方法

1.mui元素转换html元素 var obj=mui("#id")[0]; 2.事件绑定 var btn = document.getElementById("login"); btn.addEventListener('tap',function(){ //事件处理 }); /*给address内的所有含有ajaxbtn类名的元素单击事件 */ mui('.address').on('tap','.ajaxbtn',function(){    dpajax(t

原生JavaScript技巧大收集100个

原生JavaScript技巧大收集 1.原生JavaScript实现字符串长度截取function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len - 1) { temp = str.substr(i, 1); if (patrn.ex

原生JavaScript技巧大收集(1~10)

1.原生JavaScript实现字符串长度截取 01 function cutstr(str, len) { 02     var temp; 03     var icount = 0; 04     var patrn = /[^\x00-\xff]/; 05     var strre = ""; 06     for (var i = 0; i < str.length; i++) { 07         if (icount < len - 1) { 08   

分享10个原生JavaScript技巧

首先在这里要非常感谢无私分享作品的网友们,这些代码片段主要由网友们平时分享的作品代码里面和经常去逛网站然后查看源文件收集到的.把平时网站上常用的一些实用功能代码片段通通收集起来,方便网友们学习使用,利用好的话可以加快网友们的开发速度,提高工作效率. 1.原生JavaScript实现字符串长度截取 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 function cutstr(str, len) {     var temp;     var

10个原生JavaScript技巧

这些代码片段主要由网友们平时分享的作品代码里面和经常去逛网站然后查看源文件收集到的.把平时网站上常用的一些实用功能代码片段通通收集起来,方便网友们学习使用,利用好的话可以加快网友们的开发速度,提高工作效率. 1.原生JavaScript实现字符串长度截取 function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i &

JavaScript 倒计时(截止某日期的倒计时和截止每晚12点的倒计时以及固定时间倒计时)

截止某日期的倒计时和截止每晚12点倒计时: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> </head> <body> <h1 id="divTime"></h1> </body> <script type="text/javascript&qu

原生js 当前时间 倒计时代码

源:https://www.oschina.net/code/snippet_2318153_54763 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>原生js 当前时间 倒计时代码</ti

原生javascript实现类似jquery on方法的行为监听

原生javascript有addEventListener和attachEvent方法来注册事件,但有时候我们需要判断某一行为甚至某一函数是否被执行了,并且能够获取前一行为的参数,这个时候就需要其他方法来实现了. 项目中的原始场景是有若干个tab切换,tab组件当然是已经写好的,现在需要每次点击后保存localstorage等其他操作,需要监听tab是否被点击.下面是简单的实现事件监听方法: <!DOCTYPE html> <html lang="en"> &l