源：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 当前时间 倒计时代码</title>

    <style>

    *{margin:0;padding:0;}

    body{text-align:center;}

    .text{margin-top:150px;font-size:14px;}

    </style>

    <script>

        window.onload=function(){

           getMyTime();

           getMyTime1();

        }

        //1.前面补0

        function p(n){

            return n<10?'0'+n:n;

        }

        //2.倒计时

        function getMyTime(){

            var startDate=new Date();

            var endDate=new Date('2017/4/17 11:15:00');

            var countDown=(endDate.getTime()-startDate.getTime())/1000;

            var day=parseInt(countDown/(24*60*60));

            var h=parseInt(countDown/(60*60)%24);

            var m=parseInt(countDown/60%60);

            var s=parseInt(countDown%60);

            document.getElementById('time').innerHTML=day+'天'+p(h)+'时'+p(m)+'分'+p(s)+'秒';

            setTimeout('getMyTime()',500);

            if(countDown<=0){

              document.getElementById('time').innerHTML='活动结束';

            }

        }

        //3.当前时间

        function getMyTime1(){

            var myDate=new Date();

            var year=myDate.getFullYear();

            var month=myDate.getMonth()+1;

            var day=myDate.getDate();

            var week=myDate.getDay();

            var array=['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];

            var hour=myDate.getHours();

            var minute=myDate.getMinutes();

            var second=myDate.getSeconds();

            document.getElementById('time1').innerHTML=year+'年'+month+'月'+day+'日'+'&nbsp;'+array[week]+'&nbsp;'+p(hour)+':'+p(minute)+':'+p(second);

            setTimeout('getMyTime1()',500);

        }

    </script>

</head>

<body>

    <div class="text">

       <p>倒计时间：<span id="time"></span></p>

       <p>当前时间：<span id="time1"></span></p>

    </div>

</body>

</html>

原生js 当前时间 倒计时代码的更多相关文章

  1. 原生js日期时间插件鼠标点击文本框弹出日期时间表格选择日期时间

    原文出处 (这是我从互联网上搜来的,感觉能满足各方面的需求.个人感觉挺不错的,所以后期修改了一下向大家推荐!) 效果图: html代码: <!DOCTYPE html PUBLIC " ...

  2. 移动端lCalendar纯原生js日期时间选择器

    网上找过很多的移动端基于zepto或jquery的日期选择器,在实际产品中也用过一两种,觉得都不太尽如人意,后来果断选择了H5自己的日期input表单,觉得还可以,至少不用引用第三方插件了,性能也不错 ...

  3. 原生js的简单倒计时

    <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>倒计 ...

  4. 原生 JS 实现扫雷 (分析+代码实现)

    阅读这篇文章需要掌握的基础知识:Html5.CSS.JavaScript 在线Demo:查看 扫雷规则 在写扫雷之前,我们先了解下它的游戏规则 ● 扫雷是一个矩阵,地雷随机分布在方格上. ● 方格上的 ...

  5. php 时间倒计时代码 个人写法 有好的想法的欢迎贴出来分享

    $now=time(); $secondtime=$end_time-$now;//期限时间减去现在时间 剩余时间 $second=$secondtime % 60;//取余得到秒数 $nowtime ...

  6. js 获取时间对象代码

    /** * 获取时间对象 */function getDateObj(addDayCount) { var dd = new Date(); dd.setDate(dd.getDate()+addDa ...

  7. 原生JS封装时间运动函数

    /*讲时间运动之前先给大家复习一下运动函数 通常大家都会写运动框架,一个定时器(Timer),一个步长(step 就是每次运动的距离),一个当前位置(current)一个目标位置(target),然后 ...

  8. 原生js，时间日期简单应用。

    一.数码时钟,滚动切换时间. <!DOCTYPE html> <html lang="en"> <head> <meta charset= ...

  9. 原生JS 将时间转换成几秒前,几分钟前…常用于评论回复功能

    //格式化时间 留备用~ function getDateDiff(dateStr) { var publishTime = dateStr / 1000, d_seconds, d_minutes, ...

随机推荐

  1. 关于setInterval的坑

    一道面试题:“setInterval和setTimeout有什么区别” “如果setInterval计时器的回调函数执行完需要5秒,而计时器时间间隔为3秒,那会发生什么?” 验证代码 让程序滞留固定时 ...

  2. 算法提高 P0102

    用户输入三个字符,每个字符取值范围是0-9,A-F.然后程序会把这三个字符转化为相应的十六进制整数,并分别以十六进制,十进制,八进制输出,十六进制表示成3位,八进制表示成4位,若不够前面补0.(不考虑 ...

  3. Python+OpenCV图像处理（十一）—— 图像金字塔

    简介:图像金字塔是图像中多尺度表达的一种,最主要用于图像的分割,是一种以多分辨率来解释图像的有效但概念简单的结构.简单来说,图像金字塔就是用来进行图像缩放的. 进行图像缩放可以用图像金字塔,也可以使用 ...

  4. Python+OpenCV图像处理（二）——打印图片属性、设置图片存储路径、电脑摄像头的调取和显示

    一. 打印图片属性.设置图片存储路径 代码如下: #打印图片的属性.保存图片位置 import cv2 as cv import numpy as np #numpy是一个开源的Python科学计算库 ...

  5. 搭建ELK日志分析（亲测无毒！）截图没有附上。。凑合看。搭建出来没有问题

    ( 1 )安装 Logstash 依赖包 JDK Logstash 的运行依赖于 Java 运行环境, Logstash 1.5 以上版本不低于 java 7 推荐使用最新版本的 Java .由于我们 ...

  6. 怎样从外网访问内网Linux系统？

    本地安装了一个Linux系统,只能在局域网内访问到,怎样从外网也能访问到本地的Linux系统呢?本文将介绍具体的实现步骤. 1. 准备工作 1.1 启动Linux系统 默认Linux系统ssh服务端端 ...

  7. 使用Wisdom RESTClient进行自动化测试，如何取消对返回的body内容的校验？对排除的JSON属性字段不做校验？

    使用 Wisdom RESTClient 进行自动化测试 REST API,默认是对返回HTTP状态码和body内容都进行严格匹配和校验. (1). 如果每次触发API返回的body内容是动态变化的, ...

  8. 鸡兔同笼问题（Java）

    问题描述:编程解决鸡兔同笼问题,笼子中鸡兔共有35只,94只脚,求有鸡和兔各有几只 我的代码: /** * 鸡兔同笼问题 * @author Administrator * */ public cla ...

  9. Codeforces 765F Souvenirs - 莫队算法 - 链表 - 线段树

    题目传送门 神速的列车 光速的列车 声速的列车 题目大意 给定一个长度为$n$的序列,$m$次询问区间$[l, r]$内相差最小的两个数的差的绝对值. Solution 1 Mo's Algorith ...

  10. Codeforces 841D Leha and another game about graph - 差分

    Leha plays a computer game, where is on each level is given a connected graph with n vertices and m  ...