JavaScript倒计时牌

案例：距离2020元旦还有多少天多少小时多少分钟多少秒

<style>div{width: 400px;margin: 100px auto;font-size: 25px;color: #316316;}
</style>
<body><div></div><script>function showTime(){var datetoday = new Date();var date22 = new Date("2022-1-1 00:00:00");var date = date22-datetoday;var d = Math.floor(date/1000/3600/24);var h = Math.floor((date%(1000*3600*24))/1000/3600);var dm = Math.floor(((date%(1000*3600*24))%(1000*3600))/1000/60);var ds = Math.floor((((date%(1000*3600*24))%(1000*3600))%(1000*60))/1000);var str = '距离2022元旦还有'+d+'天'+h+'小时'+dm+'分'+ds+'秒';document.querySelector('div').innerHTML = str;setTimeout(showTime,1000);}window.onload = showTime();</script>
</body>

JavaScript倒计时牌相关推荐

利用JavaScript制作倒计时牌(转)
利用JavaScript制作倒计时牌五一劳动节很快就到了.哈哈,到时可以出去好好玩一玩了.是不是在掐指计算了.下面教你一种方法在网页上面制作倒计时牌,这样就方便多了. 把下面的JavaScript代 ...
JavaScript技术
● &运算符_1.htm ● ·JavaScript的脆弱性_1.htm ● ·JavaScript技巧环绕三维文字_1.htm ● ·JavaScript时间显示三大心法_1.htm ● · ...
【AJAX】JavaScript的面向对象
Ajax中后端数据返回后需要前端通过JavaScript来实现动态数据更新的问题.所以,在Ajax中加深了一遍JavaScript面向对象的印象. 基础部分: JavaScript中创建对象并简单对象 ...
【JavaScript总结】JavaScript语法基础：JS高级语法
作用域链: 1.JS中只有函数能够限定作用域的范围: 2.变量处理在制定的函数范围内,还有一个特殊的作用域,就是没有用var 声明的全局作用域 3.js中的作用域链是为了清晰的表示出所有变量的作用范围 ...
【JavaScript总结】JavaScript语法基础：DOM
->DOM的理解:文档对应dom树 ->有了DOM能做什么:DOM的操作 html文档做为DOM树模型,DOM树的节点就是对象.对象会触发事件来执行一些事件代码. C#中的事件是一个委托变 ...
【JavaScript总结】JavaScript语法基础：JS编码
运算符数学:+. -. *. / 逻辑:>. < .>= .<=. == . !=.&&.|| . === .!==(完全等于) 对象相关 new delet ...
【JavaScript总结】JavaScript语法基础：数据类型
------>数据类型有哪些? ->基本类型:数字类型,布尔类型,字符串类型 ->引用类型:对象类型,函数类型 ->空类型:null 和 undefined ->运算符: ...
【JavaScript总结】JavaScript发展与学习内容
发展: 最初浏览器是为大学里浏览文档用,从地址栏输入文档地址,找到文档显示. 后来各种需求(购物网站,个人博客)出现,已有功能不能满足需求. 可人们依旧在努力满足这种需求,但实现后的效果很不尽人意. ...
Python：模拟登录、点击和执行 JavaScript 语句案例
案例一:网站模拟登录 # douban.pyfrom selenium import webdriver from selenium.webdriver.common.keys import Keys ...

JavaScript倒计时牌

JavaScript倒计时牌相关推荐

最新文章

热门文章