网页实时倒计时，精确到秒级，和天数倒计时原理一样。

一个很好用的js倒计时！网页实时倒计时，精确到秒级，和天数倒计时原理一样。
js倒计时一般用于商城网站团购，特卖，很多地方都可用到！希望能够给大家带来帮助！

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.leave_time_font{margin-left:35%;}
#fo{margin-left:32%;}
</style>
<title>js网页倒计时，www.jbxue.com</title>
</head>
<body>
<h1>WoYaoNi.CN </h1>
<script src="./jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
var _countSeconds = 0;
function _countDown(){
_countSeconds ++;
$('input.surplustime').each(function(index, element) {
var $this = $(this); www.jbxue.com
var _totalTime = Number($this.val()) - _countSeconds;
var _day = parseInt(_totalTime/86400);
var _hours = parseInt(_totalTime%86400/3600);
var _minutes = parseInt(_totalTime%86400%3600/60);
var _seconds = parseInt(_totalTime%86400%3600%60);
var _strLite = '<span class="day">'+_day+'</span>天<span class="hour">'+_hours+'</span>小时<span class="minutes">'+_minutes+'</span>分<span class="seconds">'+_seconds+'</span>秒';
var _str = '倒计时：'+_strLite;
if($this.next('p.daojishi').length > 0){
$this.next('p.daojishi').html(_str);
}else if($this.next('p.leave_time_font').length > 0){
$this.next('p.leave_time_font').html(_strLite);
}
});
}
setInterval(_countDown, 1000);
})
</script>
</head>
<body>
<?php
ini_set('date.timezone','Asia/Shanghai');
$currenttime = time();
$a = strtotime('2014-2-14 00:00');
$b = $a-$currenttime;
?>

<div id="djs">
<div id="fo">小伙伴们距离情人节只剩：</div>
<input type="hidden" name="surplustime" class="surplustime" value="<?php echo $b; ?>" />
<p class="leave_time_font"><span class="day">0</span>天<span class="hour">0</span>小时<span class="minutes">0</span>分<span class="seconds">0</span>秒</p>
</div>
</body>
</html>

js网页倒计时精确到秒级的更多相关文章

  1. android 可以精确到秒级的时间选择器

    android自带的时间选择器只能精确到分,但是对于某些应用要求选择的时间精确到秒级,此时只有自定义去实现这样的时间选择器了.下面介绍一个可以精确到秒级的时间选择器. 先上效果图: 下面是工程目录: ...

  2. rocketmq实现延迟队列精确到秒级实现方案3-时间轮和秒级文件实现

    时间轮和秒级文件实现原理图 这种方案比较简单实现,通过秒级时间,建立对应的文件夹,只要相同的时间超时的消息,就在同一个目录,通过msgid保证文件不重复,等到了时间后,就扫描对应的文件夹的文件,发送到 ...

  3. js网页倒计时功能（天，时，分，秒）

    给定任何一个时间,然后实现现在到那个时间的倒计时. 下面的例子是显示现在到2019年8月1号0时0分的倒计时: <div class="list"> <span ...

  4. js html 页面倒计时 精确到秒

    <!doctype html> <html> <head> <meta charset="utf-8"> </head> ...

  5. js实现倒计时（分:秒）

    上代码: //倒计时start 需要传入的参数为秒数,此方法倒计时结束后会自动刷新页面 function resetTime(timetamp){ var timer=null; var t=time ...

  6. 超级简单JS网页倒计时代码

    <script type="text/javascript"> // JavaScript Document function ShowTimes(){ var Aft ...

  7. rocketmq实现延迟队列（精确到秒级）

    最近项目里需要在延时队列,但是开源版本rocketmq不支持任意时间延时,造成有些任务无法执行 参考了网上的不少文章,但是都么有实现,所以再开源的基础上改造了个支持任意时间延时的队列. 源码地址: h ...

  8. golang gin框架中实现一个简单的不是特别精确的秒级限流器

    起因 看了两篇关于golang中限流器的帖子: Gin 开发实践:如何实现限流中间件 常用限流策略--漏桶与令牌桶介绍 我照着用,居然没效果-- 时间有限没有深究.这实在是一个很简单的功能,我的需求是 ...

  9. rocketmq实现延迟队列精确到秒级实现方案2-时间轮和delay-file实现

    上图是通过RocketMQ源码分析一个实现原理方案示意图. 分为两个部分: 消息的写入消息的Schedule 在写入CommitLog之前,如果是延迟消息,按照每10分钟写入delayfile文件,对 ...

随机推荐

  1. 拖拉记录上下移动--Ajax UI

    所谓的 Ajax 拖拉 UI,就是直接用鼠标进行拖拉排序,这种方式对用户来说操作速度更快. 拖拉的 UI 需要额外的前端套件,这里介绍 jQuery UI 的 Sortable Plugin,并直接使 ...

  2. ✅问题：Rails.ajax的data不支持{}hash格式。必须使用string。 dataType的格式。

    Rails.ajax({ url: url, type: "PATCH", data: {"post":{"category_id":thi ...

  3. 如何获取Android应用的packageName和ActivityName，识别应用中的控件

    1.获取Android应用的packageName和ActivityName A:adb logcat >log.txt 在log中搜索package B:adb shell  logcat | ...

  4. IOS-static cell 与 dynamic cell 混合使用

    static cell 与 dynamic cell 混合使用 关于静态cell与动态cell的混合使用,google一下便会有很多相关文章,这里也是看过一些前辈的经验(已经忘记具体是从哪篇文章得到的 ...

  5. 020PHP基础知识——函数（三）

    <?php /** * 任何数量的参数: * func_get_args() 接收一个数组,数组里面包含所有参数 * func_num_args() 取得共有几个参数 * func_get_ar ...

  6. Nginx实践03-配置虚拟主机的3种方式

    基于IP.端口号.名称3种方式 1.基于IP的虚拟主机配置(使用最少) 基于ip的虚拟主机配置,需要配置单个网卡上多个ip地址,这种方式管理比较麻烦,所以用的很少. 1.1 设置单个网卡多个IP 查看 ...

  7. 201621123010《Java程序设计》第8周学习总结

    1. 本周学习总结 以你喜欢的方式(思维导图或其他)归纳总结集合相关内容. 2. 书面作业 1. ArrayList代码分析 1.1 解释ArrayList的contains源代码 答:如图,可见co ...

  8. Beta阶段第2周/共2周 Scrum立会报告+燃尽图 14

    作业要求[https://edu.cnblogs.com/campus/nenu/2018fall/homework/2411] 版本控制:https://git.coding.net/liuyy08 ...

  9. ubuntu16切换hosts软件安装

    之前用ubuntu切换hosts以为没有软件可用,直接用cp来替换hosts文件,今天网上搜了一下发现一个软件和window上用的切hosts功能一样,而且可以支持linux,mac,windows. ...

  10. C++17中那些值得关注的特性（上）

    C++17标准在2017上半年已经讨论确定,正在形成ISO标准文档,今年晚些时候会正式发布.本文将介绍最新标准中值得开发者关注的新特新和基本用法. 总的来说C++17相比C++11的新特性来说新特性不 ...