JS倒计时器一只

 1 window.onload = function(){
 2     var uS = 604800;  //后台提供 : 秒
 3     var day=hour=minute=second=0, timer;
 4     var demo = document.getElementById("demo");
 5     //秒数转为 日:时:分:秒
 6     uS==0 || (uS<86400||(day=Math.floor(uS/86400), uS=uS%86400))
 7         && uS==0 || (uS<3600||(hour=Math.floor(uS/3600), uS=uS%3600))
 8         && uS==0 || (uS<60||(minute=Math.floor(uS/60), uS=uS%60))
 9         && uS==0 || (second=uS);
10     //计时器一只
11     timer = setInterval(function(){
12         demo.innerHTML= "还剩 "+day+"天"+hour+"时"+minute+"分"+second+"秒";
13         second!=0 ? second-- :
14             (second=59, minute!=0 ? minute-- :
15                 (minute=59, hour!=0 ? hour-- :
16                     (hour=23, day!=0 ? day-- :
17                         (hour=minute=second=0, clearInterval(timer)))));
18     },1000);
19 }
1 <div id="demo"></div>

简洁明了,自己写的。

JS倒计时器一只

时间: 2024-10-25 10:48:20

JS倒计时器一只的相关文章

[原创作品]一个实用的js倒计时器 postby:zhutty.cnblogs.com

今天做了一个手机短信发送倒计时,额,就是每隔多长时间可以重新发送的功能.贡献出来给园有吐槽点评. //倒计时,time:时长(秒),scb:每秒回调,cb:计时完成回调 var timing = function (time, scb, cb) { var _time = time; var sid = setInterval(function(){ scb(--_time) },1000); setTimeout(function(){ clearInterval(sid); cb(); },

Android CountDownTimer倒计时器

示例代码如下: int totalTime = 10000; // 总时间 int tickTime = 100; // 滴答时间 CountDownTimer timer = new CountDownTimer(totalTime, tickTime) { @Override public void onTick(long millisUntilFinished) { // 每tickTime执行一次此方法. // millisUntilFinished为距离结束的毫秒数. // 如果单纯执

基于HTML5 canvas圆形倒计时器jQuery插件

这是一款基于html5 canvas的圆形倒计时器jQuery插件.它可以使你非常轻松的创建圆形的倒计时器.该jQuery倒计时器插件有12种themes,它们基于 HTML5 canvas 来渲染各种圆环. 这个jQuery环形倒计时器插件依赖于jquery.knob.js和jquery.throttle.js两个外部插件. 在线演示:http://www.htmleaf.com/Demo/201502111367.html 下载地址:http://www.htmleaf.com/html5/

c# 自己制作一个简单的项目倒计时器

using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Text; using System.Windows.Forms; namespace date { public partial class Form1 : Form { public Form1() { InitializeCompo

js 闭包让函数只执行一次

js 闭包让函数只执行一次 <script>function once(f) {    var run;    return function() {        if (!run) {            run = true;            f.apply(this, arguments);        }    }}var g = once(function(x) {    alert(x)});g(1);g(2);g(3); </script> js 闭包让函

【JavaScript】分秒倒计时器

一.基本目标 在JavaScript设计一个分秒倒计时器,一旦时间完毕使button变成不可点击状态 详细效果例如以下图.为了说明问题.调成每50毫秒也就是每0.05跳一次表, 真正使用的时候,把window.onload=function(){...}中的setInterval("clock.move()",50);从50调成1000就可以. 在时间用完之前,button还是能够点击的. 时间用完之后.button就不能点击了. 二.制作过程 <!DOCTYPE html PU

c#编写的番茄钟倒计时器代码

恩  主要大家可以看下思路吧  图形界面里 除了图标和音乐两个资源 别的都是代码. 时间没有用timer组件 是自创的Time类在一个线程中进行的倒计时.  对于导出记录 创建了一个Record类  别的就没什么了  .... Program.cs 代码如下: ?using System; using System.Collections.Generic; using System.Linq; using System.Windows.Forms; namespace 番茄钟 { static

多线程之倒计时器CountDownLatch和循环栅栏CyclicBarrier

1.倒计时器CountDownLatch CountDownLatch是一个多线程控制工具类.通常用来控制线程等待,它可以让一个线程一直等待知道计时结束才开始执行 构造函数: public CountDownLatch(int count) //count 计数个数 例如:在主线程中启动10个子线程去数据库中获取分页数据,需要等到所有线程数据都返回之后统一做统计处理 public class CountDownLatchDemo implements Runnable{ private stat

多线程控制工具类--倒计时器CountDownLatch的使用(模仿火箭发射)

package com.thread.test.Lock; import java.util.Random; import java.util.concurrent.CountDownLatch; import java.util.concurrent.ExecutorService; import java.util.concurrent.Executors; public class CountDownLatchDemo implements Runnable { static final