我正在尝试在Next.js中进行页面转换。由于转换比页面加载慢,我需要计算动画完成所缺少的时间。转换应该持续至少2秒,1s表示加载屏幕的淡入,500 1s使加载屏幕停留一点,500 1s使其退出。
实际上,我正在尝试使用new Date.getTime()来实现这一点,并获得动画开始后的时间。
我尝试使用以下代码来检查代码是否正确:
function testDateValues() {
var startTime = new Date().getTime();
var animDuration = 1500; // In milliseconds
setTimeou
当我对存储在组件状态中的数据进行一些处理时,我想显示一个加载动画。布尔型加载变量控制是否显示加载动画。当我执行异步ajax请求时,这是有效的。但是,当我尝试在组件方法中更改加载器的状态时,它不起作用。我试图用较小的超时时间来避免UI阻塞(参见代码中的注释),但无济于事。
如何在开始计算时显示加载动画,并在计算后再次隐藏?
calculateMovements() {
// show the loading animation
this.setState({
loading: true
});
let data = this.state.dat
我正在使用。
预加载器工作正常,但是当它预加载页面上的元素时,wow.js动画已经结束。我想编辑我的代码,所以在所有的东西都预先加载后,动画就会启动。
我读过这个,但是它对我的代码无效。
我的代码:
// makes sure the whole site is loaded
jQuery(window).load(function() {
// will first fade out the loading animation
jQuery("#status").fadeOut();
// will fade out the whole DIV th