恋爱计时

我们的爱情还在继续:恋爱计时会和时间一样一直走下去

突然看到正文活动,自己也来分享一下,作为小白的瞎操作。很久以前学习到的一个PHP代码。恋爱计时

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>民咕咕</title><!-- 这是网页标题 -->
<style>
body{overflow: hidden;margin: 0;
}
h1{position: fixed;top: 50%;left: 0;width: 100%;text-align: center;transform:translateY(-50%);font-family: 'Love Ya Like A Sister', cursive;font-size: 40px;color: #c70012;padding: 0 20px;
}
h1 span{font-size:20px;
}
</style></head>
<body>
<h1 id="h1"></h1>
<canvas></canvas> <!--canvas 画布--><script>
var canvas = document.querySelector("canvas"),ctx = canvas.getContext("2d");var ww,wh;function onResize(){ww = canvas.width = window.innerWidth;wh = canvas.height = window.innerHeight;
}ctx.strokeStyle = "red";
ctx.shadowBlur = 25;
ctx.shadowColor = "hsla(0, 100%, 60%,0.5)";var precision = 100;
var hearts = [];
var mouseMoved = false;
function onMove(e){mouseMoved = true;if(e.type === "touchmove"){hearts.push(new Heart(e.touches[0].clientX, e.touches[0].clientY));hearts.push(new Heart(e.touches[0].clientX, e.touches[0].clientY));}else{hearts.push(new Heart(e.clientX, e.clientY));hearts.push(new Heart(e.clientX, e.clientY));}
}var Heart = function(x,y){this.x = x || Math.random()*ww;this.y = y || Math.random()*wh;this.size = Math.random()*2 + 1;this.shadowBlur = Math.random() * 10;this.speedX = (Math.random()+0.2-0.6) * 8;this.speedY = (Math.random()+0.2-0.6) * 8;this.speedSize = Math.random()*0.05 + 0.01;this.opacity = 1;this.vertices = [];for (var i = 0; i < precision; i++) {var step = (i / precision - 0.5) * (Math.PI * 2);var vector = {x : (15 * Math.pow(Math.sin(step), 3)),y : -(13 * Math.cos(step) - 5 * Math.cos(2 * step) - 2 * Math.cos(3 * step) - Math.cos(4 * step)) }this.vertices.push(vector);}
}Heart.prototype.draw = function(){this.size -= this.speedSize;this.x += this.speedX;this.y += this.speedY;ctx.save();ctx.translate(-1000,this.y);ctx.scale(this.size, this.size);ctx.beginPath();for (var i = 0; i < precision; i++) {var vector = this.vertices[i];ctx.lineTo(vector.x, vector.y);}ctx.globalAlpha = this.size;ctx.shadowBlur = Math.round((3 - this.size) * 10);ctx.shadowColor = "hsla(0, 100%, 60%,0.5)";ctx.shadowOffsetX = this.x + 1000;ctx.globalCompositeOperation = "screen"ctx.closePath();ctx.fill()ctx.restore();
};function render(a){requestAnimationFrame(render);hearts.push(new Heart())ctx.clearRect(0,0,ww,wh);for (var i = 0; i < hearts.length; i++) {hearts[i].draw();if(hearts[i].size <= 0){hearts.splice(i,1);i--;}}
}onResize();
window.addEventListener("mousemove", onMove);
window.addEventListener("touchmove", onMove);
window.addEventListener("resize", onResize);
requestAnimationFrame(render);window.onload=function starttime(){time(h1,'2017,4,31');     // 在一起的时间ptimer = setTimeout(starttime,1000); // 添加计时器
}function time(obj,futimg){var nowtime = new Date().getTime(); // 现在时间转换为时间戳var futruetime =  new Date(futimg).getTime(); // 未来时间转换为时间戳var msec = nowtime-futruetime; // 毫秒 未来时间-现在时间var time = (msec/1000);  // 毫秒/1000var day = parseInt(time/86400); // 天  24*60*60*1000 var hour = parseInt(time/3600)-24*day;    // 小时 60*60 总小时数-过去的小时数=现在的小时数 var minute = parseInt(time%3600/60); // 分 -(day*24) 以60秒为一整份 取余 剩下秒数 秒数/60 就是分钟数var second = parseInt(time%60);  // 以60秒为一整份 取余 剩下秒数obj.innerHTML="和小眼睛倩在一起的<br>第"+parseInt(time/86400)+"天"+hour+"小时"+minute+"分"+second+"秒"+"<br><span>新年快乐!!!!<br>从长篇表白,到现在的“妳懂我意思的”。话语减少了,深情却常在。<br>相信我们是最好一对,不管经历什么,我仍坚信最浪漫的事就是和妳一起慢慢变老。<br>那怕计时器上的数据溢出了,我对妳的爱依然无止境。<br>爱妳,好了</span>"return true;}
</script></body>
</html>

真实效果是个动图,从在一起的那一刻开始计时。时间在继续,爱也会继续!


代码和爱情:

在我看来,爱情是和敲代码一样一样的。娴熟的代码能力和美好的爱情一样都是需要用时间去付出;更漂亮的代码需要我们精钻细磨,爱情同样如此,我们要认真对待,细心呵护。让它不会出现BUG!让它一直运行流畅!


《班扎古鲁白玛的沉默》

给大家分享一首耳熟能详的诗:《班扎古鲁白玛的沉默》。或有人说是仓央嘉措的,我也不太清楚,更不敢往下结论。但个人感觉仓央嘉措一生挺精彩的,放浪不羁,潇洒自如。诗个人感觉确实不错,遂于众位分享。

《班扎bai古鲁白玛的沉默》
***扎西拉姆·多多***
你见,或者不见我
我就在那里
不悲 不喜你念,或者不念我
情就在那里
不来 不去你爱,或者不爱我
爱就在那里
不增 不减你跟,或者不跟我
我的手就在你手里
不舍 不弃来我的怀里
或者
让我住进你的心里
默然 相爱
寂静 欢喜

为了凑字数,附上一些自己写的东西。哈哈,望大家不要嫌弃~

      《你我的爱情》      --尘
爱情总会充斥着"嫌弃"
不是你不够好
而是不想让你受伤
或是不想让自己不痛快
总归     因为爱情      让爱情继续下去
让我们一起享受余生这绚丽的生活
我必不离不弃      你的爱没有多余
更没有浪费
愿你的爱如初恋一般纯粹 热烈
让我深陷不已 我倾尽所有
只为能够享有你的余生
你我的爱情
是那么的美好我想
拥有你 便是最好

(“来如风雨,去如微尘.”FIGHTING. . . .)

恋爱计时:只要时间在走,我们的爱就在继续相关推荐

  1. 【编程科普】为何电脑的时间有时候走不准?一秒到底有多长?

    这篇文章我想和你聊一聊「时间」这个话题. 时间总是在不经意间流逝,我们在写代码时,也经常会调用「时间 API」,你有思考过这背后的原理吗? 关于时间的问题还有很多,例如: 为什么计算机的时间有时候「走 ...

  2. 一款可留言的甜甜的恋爱计时网站源码

    源码介绍: 这是可留言的恋爱计时HTML源码,采用背景图片每日随必应首页更换,评论系统使用了无需后台的Valine官方文档! 修改说明: 起始时间:请在 index.html中的计时器模块第131行自 ...

  3. 2023最新精美可留言的恋爱计时源码+情人节必备

    正文: 这是可留言的恋爱计时HTML源码,采用背景图片每日随必应首页更换,评论系统使用了无需后台的Valine官方文档. 起始时间:请在 index.html中的计时器模块第131行自行修改 背景图: ...

  4. 博客侧栏添加恋爱计时框

    介绍: 博客侧栏添加恋爱计时框 网盘下载地址: http://kekewl.cc/X41Kmd8RigM0 图片:

  5. 一款可留言的恋爱计时HTML源码

    简介: 这是可留言的恋爱计时HTML源码,采用背景图片每日随必应首页更换,评论系统使用了无需后台的Valine官方文档! 网盘下载地址: http://kekewl.org/gfvubJ9VYnn0 ...

  6. 深度 | 人脸识别在安防领域的路还有很长时间要走

    https://www.toutiao.com/a6680012193242546701/ 「依图太寂寞了,我们打算来陪陪它」,马原开了个玩笑. 在当下的安防市场中,没有一家人脸识别公司不把自己称为「 ...

  7. 定时器之计时(时间的转换)

    ###示例: 1.需求描述: 当点击开始按钮时开始计时,点击结束时停止计时.并将最后的时间转化为相应的00:00:00的格式 方案1: <!DOCTYPE html> <html l ...

  8. 时间怎么算用计算机,时间的来源、表示、计算机计时和时间校准全面详细分析...

    一直以来的错误理解,你是不是还是理解错了呢? 或许在学计算机之前,我压根就没想过精确的时间如何得来.初中地理学过,那是根本就没有想法,只是当做一门课了解一下,没有应用的生活.学习了计算机后,了解到计算 ...

  9. 时间又走到了一段时期的尽头,前面又是新的路

    三十多天的寒假是我有生以来最长的寒假,现在还清楚记得自己在寒假前给自己布置的许多任务.时间不等人,等我现在总结的时候,发现自己还是有许多遗憾,自己还是总是给自己留下遗憾,也发现自己有许多收获,自己也总 ...

最新文章

  1. CornerEigenValsAndVecs函数
  2. 记录ASP.NET CORE 3 部署过程
  3. c语言中怎样变大输出的字符串,C语言。要输入一个超大数比如 111111111111111111111111111111111111111 怎样用字符串数组求各位的和呢?...
  4. python编程(windows平台)
  5. 剑灵灵动区服务器位置,盘点国服剑灵灵动内测4大玩家人气玩法(2)
  6. 整理了js数组去重4种方法
  7. DirectX 9 学习笔记
  8. DonkeyCar树莓派版的实践
  9. python 求复数的模
  10. 深入java虚拟机视频教程_从原理到实战深入学习JAVA虚拟机,视频教程下载
  11. 最小二乘法理解与应用
  12. .net core 和 WPF 开发升讯威在线客服系统:使用 WebSocket 实现访客端通信
  13. 重磅|棱镜七彩同CNCERT联合发布开源软件供应链安全风险研究报告了!!
  14. 明源售楼系统技术解析 MVC架构与房源生成(一)
  15. java实现手机验证码功能
  16. PHP+MySQL导出大量数据(Iterator yield)
  17. 大话游戏循环Game Loop——PythonC++
  18. 12 图浅析人口分布对经济趋势的影响
  19. Mac Terminal 终端:入门指南及进阶技巧
  20. C语言中的指针,指针存在的意义

热门文章

  1. 李纯明博士的RSF算法源码.水平集医学图像分割
  2. 喜欢我们不如加入我们:来投稿吧,稿酬靠谱!
  3. 公鸡5元每只,母鸡3元每只,小鸡3只1元,100元买一百只鸡多少种办法?
  4. 弗洛伊德、荣格、阿德勒
  5. 迅雷【任务出错】临时解决方案
  6. 京东云修改Hostname,Centos7修改Hostname
  7. 抖音直播间截流黑科技
  8. 我要你觉得,我不要我觉得--根据企业现状实施DevOps
  9. visio中将图片改为平行四边形_如何用Photoshop将一张长方形的照片变成平行四边形?...
  10. mui获取手机设备信息