<script>
var loadtime=30*60*1000;
function millisecondToDate(msd){
var time = parseFloat(msd) / 1000;
if (time > 60 && time < 60 * 60){
time = parseInt(time / 60.0) + "分钟" + parseInt(time % 60.0) + "秒";
}
else if (time >= 60 * 60 && time < 60 * 60 * 24){
time = parseInt(time / 3600.0) + "小时" + parseInt(time / 60.0)+ "分钟" +parseInt(time % 60.0) + "秒";
}
else{
time = parseInt(time) + "秒";
}
return time;
}
//加载倒计时
function initNumLoad(){
var time;
loadtime=loadtime-1000;
if(loadtime < 0){
clearInterval(interval_id);
}else{
time=millisecondToDate(loadtime);
alert(time);
}
}
function check(){
interval_id=setInterval(initNumLoad, 1000);//循环调用
}
</script>
分享到:
相关推荐
js 特效 html 特效 倒计时载入页面 js 特效 html 特效 倒计时载入页面
元旦倒计时代码|JavaScript新年(元旦)倒计时完整源码 加载loading、背景、倒计时完整源码,双击index.html在浏览器中打开查看效果。压缩包内函效果图截屏。
本软件用于自定义时间 可设置开机自启动 可加载图片(1张),初始为奥运倒计时, 可按“Enter”进入设置。 标题为空时不显示。 L&T C★S 2007-12 Maker:TRB
外面很多都是js加密了,或者就是扒的站很多css和js都是外部的加载很慢, 如果别人的站打不开了你搭建的也打不开, 所以把源码修改了一下外部文件都保存到本地了 跨年倒计时烟花表白HTML源码(无加密本地版), 外面...
主要为大家详细介绍了基于JavaScript实现自动更新倒计时效果,元旦倒计时代码分享,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
js方面使用原生js代码获取页面元素、首先设置新年时间(效果中默认时间为新年元旦)可自定义修改,获取当前年份,定义用于更新倒计时时间的函数,接着动态给指定元素添加数值,且定义函数用于页面加载时显示加载的...
Page1:圣诞节倒计时效果 Page2:3D立方体旋转相册 Page3:3D旋转照片墙 Page4:圣诞贺卡 页面整体具有3D飘雪效果,两种翻页按钮均支持上下滑动翻页,操作方便效果酷炫 页面中倒计时时间、音乐及照片均支持自定义更换,...
本文实例为大家分享了基于vue、react实现倒计时效果的具体代码,供大家参考,具体内容如下 Vue 方案一:俩个元素 HTML: <button @click=send> <span v-if=sendMsgDisabled>{{time+'秒后获取'}} !...
前端的交互效果常用的也就那么几种,比如弹窗,楼层定位,倒计时,下拉刷新,上拉加载更多等等。这些交互效果完全可以提出来做成通用的模块,以后不必再劳心费神去想怎么实现。就像 Swiper 封装了一个类来专门做轮播...
跨年倒计时烟花表白HTML源码(无加密本地版),外面很多都是js加密了,或者就是扒的站很多css和js都是外部的加载很慢,如果别人的站打不开了你搭建的也打不开,所以把源码修改了一下外部文件都保存到本地了。
应用移动H5领域。CSS3 实现Loading加载,页面遮罩层的应用。
到后来 这是一个显示倒计时计时器直到给定日期的库。 到达日期后,将执行操作。 如果在给定日期之后加载页面,则该操作将立即运行。 安装依赖项 npm install 创建缩小版本 npm run build
index.js Page({ /** * 页面的初始数据 */ data: { countdown:'' , endDate2: '2018-08-08 11:41:00' }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var that = this; that....
格利夫简单的 Three.js Gif 加载器,基于@thespite 代码并使用 shachaf 的 JSGif。 使用此代码段,您可以在 THREE.Texture 数组中加载所有 Gif 帧,因此您可以随时绘制任何帧,以任何速度绘制整个或部分序列,或反转...
如果您进行编辑,则页面将重新加载。 您还将在控制台中看到任何棉绒错误。npm test 在交互式监视模式下启动测试运行器。 有关更多信息,请参见关于的部分。npm run build 构建生产到应用程序build文件夹。 它在生产...
闹钟是一种简单而实用的...这是非常重要的,因为如果我们不停止闹钟,它将继续播放声音并更新我们的倒计时时钟,直到页面被关闭或重新加载。 以上的代码可以轻松地嵌入到可执行的HTML文件中。我们只需要将代码复制到H
玩法:随着音乐节奏,点击左右按钮控制场景中人物...初始化UI(各种 Node 节点、倒计时组件、异步加载龙骨动画、动态加载预制资源) 判断是否授权,如果没有授权就动态创建button 游戏逻辑实现 游戏成绩上报 好友排行榜
由于用的是vue-cli,在webpack下要安装worker-loader依赖才能单独加载worker.js npm install worker-loader --save-dev 更改 vue.config.js 文件的配置项 configureWebpack:{ module: { rules: [ { test: /\....
我的(BI X)发行倒计时 这是一个小脚本,可以用纯HTML,CSS和JS实现发行倒数。 您可以在看到它的运行情况-那里没有跟踪发生 部署自己的版本时要考虑的因素 整个代码都可以重用(MIT许可证),但是如果要进行自己的...
如果您进行编辑,页面将重新加载。 您还将在控制台中看到任何 lint 错误。npm test 在交互式观察模式下启动测试运行器。 有关更多信息,请参见关于的部分。npm run build 将用于生产的应用程序构建到build文件夹。 ...