2012世界末日倒计时代码 原来没事虚惊一场

这款时世界末日倒计时源代码,程序上有JS控制器,是用于网页中显示的倒计时器,自己可以设定世界末日的开始时间,网页倒计时世界末日源代码直接复制就可以用,无需下载,直接便可使用

网页倒计时世界末日源代码_js倒数世界之末日_我们

function fu_count2012() {
var days = document.getElementById("countDays");
var hours = document.getElementById("countHours");
var minutes = document.getElementById("countMinutes");
var seconds = document.getElementById("countSeconds");
var timeTotal = new Date();
var mSecondTotal = timeTotal.getTime();
var timeTotal2012 = new Date(2012,11,21,0,0,0);
var mSecondTotal2012 = timeTotal2012.getTime();
var mtimes = mSecondTotal2012 - mSecondTotal;
var getDays = Math.floor(mtimes / 1000 / 60 / 60 / 24);
var getHours = Math.floor(mtimes / 1000 / 60 / 60 % 24);
var getMinutes = Math.floor(mtimes / 1000 / 60 % 60);
var getSeconds = Math.floor(mtimes / 1000 % 60);
getHours = (getHours

body {
background: #000000;
color: #ffffff;
text-align: center;
}

距离2012年12月31日还有
天小时分钟秒

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

代码如下:

<div id="container">离"世界末日"还有 <span id="downtime" style="color:red"></span></div>
<script>
function downTime(){
var timeout = window.setTimeout(downTime, 100);
var endTime=new Date("12-21-2012 0:0:0");//改成你的计时日期
var today=new Date();
var timeold=(endTime.getTime()-today.getTime());
if(timeold <= 100){
window.clearTimeout(timeout);
document.getElementByIdx_x("container").innerHTML = "原来没事啊,虚惊一场!";
return;
}
var sectimeold=timeold/1000;
var secondsold=Math.floor(sectimeold);
var msPerDay=24*60*60*1000;
var e_daysold=timeold/msPerDay;
var daysold=Math.floor(e_daysold);
var e_hrsold=(e_daysold-daysold)*24;
var hrsold=Math.floor(e_hrsold);
var e_minsold=(e_hrsold-hrsold)*60;
var minsold=Math.floor((e_hrsold-hrsold)*60);
var e_seconds=(e_minsold-minsold)*60;
var seconds=Math.floor((e_minsold-minsold)*60);
var decimals = Math.floor((e_seconds-seconds)*10);
document.getElementByIdx_x("downtime").innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"."+decimals+"秒" ;
}
downTime();
</script>

(0)

相关推荐

  • JS实现商品倒计时实现代码

    复制代码 代码如下: <SCRIPT LANGUAGE="JavaScript">    function fresh() {        var time1 = document.getElementById("timeD").value;        for (var i = 1; i <= 5; i++) {            var endtime = new Date(time1);            var nowtime

  • javascript倒计时功能实现代码

    代码如下: 复制代码 代码如下: /** * 倒计时 * * @author WadeYu * @date 2012-04-20 17:40 * @copyright boyaa.com */ var TimeCountDown = function( initTime ){ var day = 0; var hour = 0; var minute = 0; var second = 0; var timerId = 0; var self = this; var fixInitTime =

  • js实现点击注册按钮开始读秒倒计时的小例子

    js 复制代码 代码如下: <script language="javascript"> <!-- var wait_time = 8; //设置秒数(单位秒) var secs_time = 0;          for(var i=1;i<=wait_time;i++) {  window.setTimeout("sTimer("+i+")",i*1000); } function sTimer(num) {  if

  • Javascript 倒计时源代码.(时.分.秒) 详细注释版

    随便写写!闲着无聊!代码如有bug之处欢迎阁下强力拍砖! JS CODE 复制代码 代码如下: <script type="text/javascript" language="javascript"> //总时间,已分为单位 var time = 100; //小时 var h = parseInt(time / 60) > 0 ? parseInt(time / 60) : 0; //分 var m = time % 60; //秒 var s

  • Javascript倒计时(定时)执行跳转事件的代码

    9 document.getElementByIdx_x=function(id){ if(typeof id =='string') return document.getElementById(id); else throw new error('please pass a string as a id!') } var timer = window.setInterval(function(){ document.getElementByIdx_x('box').innerHTML = p

  • js实现倒计时(距离结束还有)示例代码

    复制代码 代码如下: <SCRIPT LANGUAGE="JavaScript"> <!-- var maxtime = 60*60;//60*60 //一个小时,按秒计算,自己调整! function CountDown(){ if(maxtime>=0){ //minutes = Math.floor(maxtime/60); seconds = Math.floor(maxtime%60); //msg = "距离结束还有"+minut

  • JSP获取服务器时间以倒计时的形式在页面显示

    复制代码 代码如下: <%@ page language="java" import="java.util.*"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <%@ include fi

  • 2012世界末日倒计时代码 原来没事虚惊一场

    这款时世界末日倒计时源代码,程序上有JS控制器,是用于网页中显示的倒计时器,自己可以设定世界末日的开始时间,网页倒计时世界末日源代码直接复制就可以用,无需下载,直接便可使用 网页倒计时世界末日源代码_js倒数世界之末日_我们 function fu_count2012() { var days = document.getElementById("countDays"); var hours = document.getElementById("countHours"

  • JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码

    本文实例讲述了JS实现模拟百度搜索"2012世界末日"网页地震撕裂效果代码.分享给大家供大家参考,具体如下: 这是一款JS模拟百度搜索"2012世界末日"网页地震撕裂效果,本效果是模仿用户在百度输入"2012世界末日"后点击搜索后出来的网页效果,网页在震动,像是地震了,而后开始撕裂,然后显示出相关的文字说明,很酷的效果,希望大家可以学习借鉴. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-

  • JS常用倒计时代码实例总结

    本文实例总结了JS常用倒计时代码.分享给大家供大家参考,具体如下: 第一种:精确到秒的javascript倒计时代码 <form name="form1"> <div align="center" align="center"> <center>离2010年还有:<br> <input type="textarea" name="left" size=&

  • iOS中实现简单易懂秒杀倒计时/倒计时代码

    示例代码简单易懂: #import <uikit uikit.h=""> @interface ViewController : UIViewController @property (weak, nonatomic) IBOutlet UILabel *dayLabel; @property (weak, nonatomic) IBOutlet UILabel *hourLabel; @property (weak, nonatomic) IBOutlet UILabel

  • 最全面的JS倒计时代码

    第一种:精确到秒的javascript倒计时代码 HTML代码: <form name="form1"> <div align="center" align="center"> <center>离2010年还有:<br> <input type="textarea" name="left" size="35" style="

  • JS倒计时代码汇总

    本文实例总结了常见的JS倒计时代码.分享给大家供大家参考.具体汇总如下: 第一种:精确到秒的javascript倒计时代码  HTML代码: 复制代码 代码如下: <form name="form1">  <div align="center" align="center">  <center>离2010年还有:<br>  <input type="textarea" na

  • js带闹铃功能的倒计时代码

    Js倒计时代码,带闹铃功能,自定义闹钟倒计时功能,点击开始按钮,即可开始倒数,代码不是太复杂,新手应该能看懂,代码分享给大家. 效果图: 源码: <html> <head> <title>Js倒计时,闹铃功能</title> <script language="javascript"> function $(id){ return document.getElementById(id); } function down(){

  • 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 languag

  • jQuery倒计时代码(超简单)

    具体代码如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <span class="timespan"></span> </body> <script

  • 北京奥运会倒计时代码

    2008北京奥运会开幕倒计时-我们_jb51.Net 一个简单的倒计时代码 离2008北京奥运会开幕还有 function _fresh() { var endtime=new Date("August 8, 2008 20:00:00"); var nowtime = new Date(); var leftsecond=parseInt((endtime.getTime()-nowtime.getTime())/1000); if(leftsecond') document.get

随机推荐