JavaScript倒计时制作

代码如下：

function countDown(time) {

var nTime = +new Date(time) - +new Date(); // 用户输入的时间 - 当前的时间；

var times = nTime / 1000; //相隔时间化为秒

var t = parseInt((times / 60 / 60 / 24)); //天

t = t < 10 ? '0' + t : t;

var h = parseInt((times / 60 / 60 % 24)); // 时

h = h < 10 ? '0' + h : h;

var m = parseInt((times / 60 % 60)); // 分

m = m < 10 ? '0' + m : m;

var s = parseInt((times % 60)); // 秒

s = s < 10 ? '0' + s : s;

return t + '天' + h + '时' + m + '分' + s + '秒';

}

console.log(countDown('2022-4-3 15:37:12'));

var date = new Date();

console.log(date);

</script>

JavaScript倒计时制作相关推荐

《HTML、CSS、JavaScript 网页制作从入门到精通》——6.6 单元格属性
本节书摘来自异步社区<HTML.CSS.JavaScript 网页制作从入门到精通>一书中的第6章,第6.6节,作者:[美]John Resig(莱西格) , Bear Bibeault( ...
《HTML、CSS、JavaScript 网页制作从入门到精通》——第6章使用表格
本节书摘来自异步社区<HTML.CSS.JavaScript 网页制作从入门到精通>一书中的第6章,第6.1节,作者:[美]John Resig(莱西格) , Bear Bibeault( ...
Javascript倒计时页面跳转
Javascript倒计时页面跳转在js中实现页面定时跳转我们要使用setInterval或setTimeOut函数,还可以使用页面的meta实现. 例1: <script type=&quo ...
PPT倒计时制作技巧及模板素材下载
PPT倒计时制作步骤步骤1:视图---幻灯片母版---右击,选择设置背景格式---填充----将背景颜色更换为黑色步骤2:(绘制胶片边缘),插入---形状---圆角矩形---矩形填充/边框颜色为白 ...
JavaScript网页制作--五秒后自动跳转页面
JavaScript网页制作–五秒后自动跳转页面通常在浏览一些网站时,会出现网页不存在的情况,网页不存在之后,有些网站会在5秒后自动跳转到一个新的网页,比如网站的首页.可以利用定时器和locatio ...
html自动刷新倒计时,javascript – 倒计时结束时刷新页面
我有一个javascript倒计时脚本,我希望我的页面在倒计时结束时刷新一次. 这是我的完整代码. //JavaScript code for countdown function getTimeRe ...
HTML+CSS+JavaScript网页制作案例教程-黑马程序员-第五章课后习题(课程介绍专栏效果)
黑马程序员编著的教材 HTML+CSS+JavaScript网页制作案例教程第五章:"课程介绍"专栏-课后习题参考代码题目原型: 请结合给出的素材,运用列表标记,超链接标记以 ...
倒计时制作代码（计时器）
倒计时制作代码(计时器可用) <!DOCTYPE html> <html lang="en"> <head><meta charset=& ...
HTML+CSS+JavaScript网页制作案例教程-黑马程序员-第四章课后习题(播放器图标)
黑马程序员编著的教材 HTML+CSS+JavaScript网页制作案例教程第四章:播放器图标-课后习题参考代码 ........ 记得关注,收藏,评论哦,作者将持续更新.... 我自己做的效果 ...
C++倒计时制作教程
C++的倒计时制作主要是这几个步骤: 数字显示计时后续优化先是数字显示.由于本人太逊了,不会调整字体大小,我浅浅的打了个表,这个就不怎么需要解释了吧: string www(int a,int ...

JavaScript倒计时制作

JavaScript倒计时制作相关推荐

最新文章

热门文章