`
- 浏览:
48130 次
- 性别:
- 来自:
烟台
-
主要通过setInterval函数实现，当发生鼠标点击或者移动时，网页重新倒计时。具体实现如下：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>html页面倒计时显示</title>
</head>
<script language="JavaScript" type="text/javascript">
var seq = 20;
var second=1000; //间隔时间1秒钟
function scroll() {
document.getElementById('word').innerHTML = seq;
seq--;
if (seq <= 0)
{
//倒计时结束后进行的操作
seq = 20;
}
}
function reCount() {
seq=20;
}
</script>
<body
onload="setInterval('scroll()',second)"
onmousemove="reCount()" onmouseover="reCount()" onmouseup="reCount()" onmousedown="reCount()"
style="width:500px;height:400px;">
<div id="word"></div>
</body>
</html>
分享到：
相关推荐
上文提供了一个通过 JavaScript 实现网页倒计时展示的示例代码，该代码可以方便地借助浏览器特性，在 HTML 中实现简洁美观的倒计时效果。下文将对该代码进行详细分析和描述，并阐述适用人群、使用场景及目标、以及...
js 特效 html 特效 倒计时载入页面 js 特效 html 特效 倒计时载入页面
javascript实现简单页面倒计时 本文实例为大家分享了javascript实现简单页面倒计时的具体代码，供大家参考，具体内容如下 话不多说，直接贴代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...
js实现下班提示网页，倒计时钟表显示和时间显示，打工人必备源代码！ js实现下班提示网页，倒计时钟表显示和时间显示，打工人必备源代码！ js实现下班提示网页，倒计时钟表显示和时间显示，打工人必备源代码！ js...
元旦倒计时代码 元旦放假结束进入到阴历除夕倒计时,通过html、js实现的网页版可交互的元旦倒计时代码
JavaScript实现网页跨年倒计时 JavaScript网页–跨年倒计时，供大家参考，具体内容如下 最近学弟在追一个学妹，我在帮学弟出谋划策。 学妹告诉学弟，我怕我们之间是因为这段时间接触多了你才喜欢我的。等跨年的...
元旦倒计时代码+HTML+JavaScript
更详细"基于jQuery的倒计时实现代码”特效教程，http://www.sucaihuo.com/js/36.html。你也可以在素材火网页特效下载 http://www.sucaihuo.com/js，都是优质素材，最主要是既有教程，也有演示并且可下载哦，技术大咖...
实现自己指定结束时间后，将自动计算从现在开始的剩余时间，并进行倒计时。并且我为它添加一个附加功能——点击页面出现小心心
这是一段元旦倒计时倒计时代码，web页面，浏览器直接打卡既可以访问。这是一段元旦倒计时倒计时代码，web页面，浏览器直接打卡既可以访问。这是一段元旦倒计时倒计时代码，web页面，浏览器直接打卡既可以访问。这是...
该插件主要实现倒计时的功能。可以在所要网页标签内显示倒计时，并可以指定倒计时结束后的操作。在一些验证码等待、网页跳转等待、广告等待等一些等待的场景中，经常需要一个倒计时，这个插件就可以完成这个功能。
下载完成后请根据您的需要更改时间，背景图片，是否需要桌面天气插件等，完成后，使用桌面“右键——属性——桌面”，点击“浏览”找到文件位置确定即可
JavaScript网页–跨年倒计时，供大家参考，具体内容如下 最近学弟在追一个学妹，我在帮学弟出谋划策。 学妹告诉学弟，我怕我们之间是因为这段时间接触多了你才喜欢我的。等跨年的时候，如果你还喜欢我，那个时候我再...
本文实例为大家分享了js实现指定时间倒计时的具体代码，供大家参考，具体内容如下 <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>计时</title> </...
2023年快到了，祝大家年年大吉喜气临，昂首摆尾迎春来。双眼圆睁看世界，万水千山尽开颜。胡须翘翘美姿态，人人开心祝平安。巨大身躯摇摆摆，坎坷困境当笑谈。愿你虎年万事顺，吉星高照旺旺旺！
本文实例讲述了JS实现的网页倒计时数字时钟效果。分享给大家供大家参考。具体实现方法如下： 代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...
内容概要：这是一段用于在网页上显示元旦倒计时的 JavaScript 代码。它可以计算出距离元旦还有多少天、小时、分钟和秒，并在网页上实时更新这些信息。 适用人群：这段代码适用于所有想在网页上添加元旦倒计时功能的...
纯前端实现网页倒计时日历翻牌动画。 不需要其它额外环境，已经包含所需要的所有文件，点击index.html即可。 如果需要修改目标时间，只需要修改index.js文件中开头的时间信息即可。 同时适当修改html页面中的文字...
圣诞节在线倒计时，基于JS实现，动态倒计时，天数、小时、分钟、秒，动态显示，还有节日名称。
js+html5实现页面可刷新的倒计时效果.docx